WPF Modern UI: изменение ширины ссылок

Question

WPF Modern UI: изменение ширины ссылок

1

В моем приложении я пытаюсь изменить ширину ссылок в ModernTab. Я попытался изменить свойство Width для ModernTab на 300, и в настоящее время он выглядит следующим образом: http://screencast.com/t/PoBGkizX

Все ссылки усекаются, поэтому я ищу способ удлинить фактические ссылки.

Есть идеи?

Batman 17 дек. 2014, в 22:59

Источник

Теги:

c#

wpf

modern-ui

2 ответа

1

Вы можете указать свойство ListWidth на вашем ModernTab без установки стиля:

<mui:ModernTab Name="tabReportsList" Layout="List" ListWidth="300" SelectedSource="default_page.xaml">
        <mui:ModernTab.Links>
            <mui:Link DisplayName="long link caption 1" Source="page_1.xaml" />
            <mui:Link DisplayName="long link caption 2" Source="page_2.xaml" />
        </mui:ModernTab.Links>
    </mui:ModernTab>

Bro Solomon 04 окт. 2016, в 19:43

0

Стоит отметить, что свойство ListWidth доступно в ModernUI только начиная с версии 1.0.6.
Fragment 05 окт. 2016, в 12:23

Ещё вопросы

Стоит отметить, что свойство ListWidth доступно в ModernUI только начиная с версии 1.0.6.

b0bi · Accepted Answer · 2015-04-14T10-22-00.000Z

Добавьте стиль в свой ModernTab

            <mui:ModernTab.Style>
            <Style>
                <Style.Triggers>
                    <Trigger Property="mui:ModernTab.Layout" Value="List">
                        <Trigger.Setters>
                            <Setter Property="Control.Template">
                                <Setter.Value>
                                    <ControlTemplate TargetType="{x:Type mui:ModernTab}">
                                        <Grid>
                                            <Grid.ColumnDefinitions>
                                                <ColumnDefinition Width="Auto"/>
                                                <ColumnDefinition Width="9"/>
                                                <ColumnDefinition/>
                                            </Grid.ColumnDefinitions>
                                            <ListBox x:Name="LinkList" ItemsSource="{TemplateBinding mui:ModernTab.Links}"
                       ScrollViewer.HorizontalScrollBarVisibility="{TemplateBinding ScrollViewer.HorizontalScrollBarVisibility}">
                                                <ItemsControl.ItemTemplate>
                                                    <DataTemplate>
                                                        <TextBlock Margin="10,2,2,2" FontSize="{DynamicResource SmallFontSize}" TextTrimming="CharacterEllipsis"
                               Text="{Binding DisplayName, Converter={StaticResource ToUpperConverter}}"/>
                                                    </DataTemplate>
                                                </ItemsControl.ItemTemplate>
                                            </ListBox>
                                            <Rectangle Grid.Column="1" Fill="{DynamicResource SeparatorBackground}" Width="1" HorizontalAlignment="Center"
                         VerticalAlignment="Stretch"/>
                                            <mui:ModernFrame Grid.Column="2" ContentLoader="{TemplateBinding mui:ModernTab.ContentLoader}"
                                    Margin="32,0,0,0"
                                    Source="{Binding SelectedSource, RelativeSource={RelativeSource TemplatedParent}, Mode=TwoWay}"/>
                                        </Grid>
                                    </ControlTemplate>
                                </Setter.Value>
                            </Setter>
                        </Trigger.Setters>
                    </Trigger>
                </Style.Triggers>
            </Style>
        </mui:ModernTab.Style>