(UWP) Можно ли уменьшить ширину определенного элемента списка в XAML - PullRequest
0 голосов
/ 24 мая 2019

У меня есть список с элементами горизонтально расположенных вкладок в нижней части окна.Всякий раз, когда размер моего окна изменяется, ни один из элементов на вкладках не должен уменьшаться, чтобы соответствовать ширине окна.Допустим, у меня есть 10 вкладок, когда мое приложение находится в полноэкранном режиме, когда я уменьшаю до половины полноэкранного режима, у меня должно быть 5 вкладок + еще 1 вкладка (при нажатии на которую должно отображаться всплывающее окно из оставшихся 5 элементов).Я могу сделать это частично, переключая видимость предметов.Но я просто хотел узнать, есть ли способ уменьшить ширину только одного элемента списка до нуля?

<Grid  Name="BottomPaneGrid" 
               BorderBrush="#f0f0f0" 
               Background="{x:Bind BottomPaneBackground}"
               BorderThickness="{x:Bind BottomPaneThickness}"
               CornerRadius="{x:Bind BottomPaneCornerRadius}"
               Margin="{x:Bind BottomPaneMargin}"   
               >
        <Grid.RowDefinitions>
            <RowDefinition Height="60"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*"/>
            <ColumnDefinition Width="88"/>
        </Grid.ColumnDefinitions>
        <ListView ItemsSource="{x:Bind test.ModuleTabs}"                 
                  SelectedItem="{x:Bind test.DefaultModuleEnabledTab,Mode=TwoWay}"
                  SelectionChanged="ListViewBottomPaneControl_SelectionChanged"
                  x:Name="ListViewBottomPaneControl"
                  HorizontalAlignment="Center" VerticalAlignment="Stretch">
            <ListView.ItemContainerTransitions>
                <TransitionCollection/>
            </ListView.ItemContainerTransitions>
            <ListView.ItemContainerStyle>
                <Style TargetType="ListViewItem">
                    <Setter Property="HorizontalAlignment" Value="Stretch"/>
                    <Setter Property="HorizontalContentAlignment"  Value="Stretch"/>
                    <Setter Property="VerticalAlignment" Value="Stretch"/>
                    <Setter Property="VerticalContentAlignment" Value="Center"/>
                    <Setter Property="Background" Value="Transparent"/>
                </Style>
            </ListView.ItemContainerStyle>
            <ListView.ItemsPanel>
                <ItemsPanelTemplate>
                    <ItemsStackPanel Orientation="Horizontal" />                    
                </ItemsPanelTemplate>
            </ListView.ItemsPanel>
            <ListView.ItemTemplate>
                <DataTemplate x:DataType="entity:Tabs">
                    <StackPanel HorizontalAlignment="Center" Name="TabListingItem"
                                    Visibility="{x:Bind Visibility,Mode=OneWay}">
                            <Image Source="{x:Bind ImagePath,Mode=OneWay}" Opacity="0.8" 
                                           ToolTipService.Placement="Bottom" Height="20" Width="20" Margin="0,0,0,0"/>
                            <TextBlock Text="{x:Bind Tabs,Mode=OneWay}" FontSize="11"
                                               Opacity="0.8" HorizontalAlignment="Center" Margin="0,0,0,0"/>
                        </StackPanel>
                    <!--</Grid>-->
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>
        <Button Background="Transparent" x:Name="MoreLink"
                 HorizontalAlignment="Stretch" VerticalAlignment="Stretch"               
                Grid.Column="1" Style="{StaticResource ButtonStyle}"
                Visibility="Collapsed" Flyout="{StaticResource MoreTabsStyle}">
            <StackPanel VerticalAlignment="Center"                                
                            Visibility="Visible">
                <Image Source="/Entities/Assets/morel-1.jpg" Opacity="0.8" 
                           ToolTipService.Placement="Bottom" 
                           ToolTipService.ToolTip="More" Height="20" Width="20"/>
                <TextBlock Text="More" FontSize="11"
                               Opacity="0.8" HorizontalAlignment="Center"/>
            </StackPanel>
        <Button>
    </Grid>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...