Расширитель расширяется только после загрузки файла - PullRequest
1 голос
/ 09 апреля 2019

Изображение:

Please check the image here

<Expander Grid.Row="1" IsExpanded="False" Background="Yellow">
           <Grid Background="Yellow">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="100" />
                <ColumnDefinition Width="100" />
                <ColumnDefinition Width="100" />
                <ColumnDefinition Width="100" />
                <ColumnDefinition Width="100" />
            </Grid.ColumnDefinitions>
            <TextBlock Grid.Column="0" Text="Filters" />
            <CheckBox Grid.Column="1" Content="A"/>
            <CheckBox Grid.Column="2" Content="B"/>
            <CheckBox Grid.Column="3" Content="C"/>
        </Grid>
   </Expander>

Я хочу, чтобы мой расширитель расширялся только после загрузки файла.Пожалуйста, помогите мне, как это сделать.Я использую команду для кнопки загрузки.

Ответы [ 2 ]

2 голосов
/ 09 апреля 2019

YourView.xaml

<Window x:Class="WpfSample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"                                    
        xmlns:converter="clr-namespace:WpfSample.Converters"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Window.Resources>
        <converter:IntToBoolConverter x:Key="intToBoolConverter"/>
    </Window.Resources>
    <Grid>
        <Expander Header="Main Expander" IsEnabled="{Binding Items, Converter={StaticResource intToBoolConverter}, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" IsExpanded="{Binding Items, Converter={StaticResource intToBoolConverter}, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" Background="Yellow">
            <ItemsControl x:Name="expanderItem" ItemsSource="{Binding Items}" HorizontalContentAlignment="Stretch">
                <ItemsControl.ItemTemplate>
                    <DataTemplate>
                        <Expander Header="Sub-Heading">
                            <ListBox ItemsSource="{Binding Items}" HorizontalContentAlignment="Stretch"/>
                        </Expander>
                    </DataTemplate>
                </ItemsControl.ItemTemplate>
            </ItemsControl>
        </Expander>
    </Grid>
</Window>

Я создал элементы как ObservableCollection<string>.Вы можете изменить его на свою модель.

YourViewModel.cs

private ObservableCollection<string> items;
public ObservableCollection<string> Items
{
    get { return items; }
    set { items = value; OnPropertyChanged(); }
}

public void LoadExpanderData(object obj)
{
    Items = new ObservableCollection<string>();
    Items.Add("Item 1");
    Items.Add("Item 2");
    Items.Add("Item 3");
    Items.Add("Item 4");
    Items.Add("Item 5");
}

IntToBoolConverter.cs

public class IntToBoolConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        bool isExpand = false;
        if (value != null && value.GetType().GetProperties().Length > 0)
            return isExpand = true;
        return isExpand;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return true;
    }
}
1 голос
/ 09 апреля 2019

вот решение, связывающее флаг со свойством IsEnabled:

for example you set Flag = True when your file is loaded

MainWindow.xaml.cs:

public partial class MainWindow : INotifyPropertyChanged
{
    public MainWindow()
    {
        InitializeComponent();
        DataContext = this;
    }

    private void ButtonClick(object sender, RoutedEventArgs e)
    {
        Flag = true;
        OnPropertyChanged("Flag");
    }

    public bool Flag { get; set; }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string property)
    {
        PropertyChanged(this, new PropertyChangedEventArgs(property));
    }
}

MainWindow.xaml:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="2*" />
        <RowDefinition Height="1*" />
    </Grid.RowDefinitions>
    <Expander Grid.Row="0" IsExpanded="False" Background="Yellow" Margin="50,50,200,50" >
        <Expander.Style>
            <Style>
                <Setter Property="Expander.IsEnabled" Value="False" />
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=Flag}" Value="True">
                        <Setter Property="Expander.IsEnabled" Value="True" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Expander.Style>
        <Grid Background="Yellow">
          :
          :
        </Grid>
    </Expander>
    <Button Grid.Row="1" Click="ButtonClick" Content="Click Me" />
</Grid>

Я играл с IsEnabled, но вы можете связать со свойством IsExpanded:

<Expander Grid.Row="0"  Background="Yellow" Margin="50,50,200,50" >
    <Expander.Style>
        <Style>
            <Setter Property="Expander.IsExpanded" Value="False" />
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=Flag}" Value="True">
                    <Setter Property="Expander.IsExpanded" Value="True" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </Expander.Style>

даже оба, если хотите:

    <Expander Grid.Row="0"  Background="Yellow" Margin="50,50,200,50" >
        <Expander.Style>
            <Style>
                <Setter Property="Expander.IsEnabled" Value="False" />
                <Setter Property="Expander.IsExpanded" Value="False" />
                <Style.Triggers>
                    <DataTrigger Binding="{Binding Path=Flag}" Value="True">
                        <Setter Property="Expander.IsEnabled" Value="True" />
                        <Setter Property="Expander.IsExpanded" Value="True" />
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Expander.Style>

здесь, когда вы нажимаете на кнопку, Расширитель становится Расширенным / Включенным

...