12

私は XAML にかなり慣れていませんが、それを学ぶことを楽しんでいます。私が本当に苦労しているのは、プロパティを a の要素にバインドすることですDataTemplate。

簡単な WPF の例を作成して、(できれば) 問題を説明しました。

この例では、ビューモデルのプロパティにaのVisibilityプロパティをバインドしようとしています。(このシナリオは、純粋に学習/デモのために使用します。)CheckBoxDataTemplate

という名前の単純な DataModelItemがありますが、この例ではほとんど関係ありません。

class Item : INotifyPropertyChanged
{

    // Fields...
    private bool _IsRequired;
    private string _ItemName;

そして、ItemViewModel という非常に単純なビュー モデルです。

class ItemViewModel : INotifyPropertyChanged
{
    private ObservableCollection<Item> _Items;
    private bool _IsCheckBoxChecked;
    private bool _IsCheckBoxVisible;

    public ObservableCollection<Item> Items
    {
        get { return _Items; }
        set { _Items = value; }
    }


    public bool IsCheckBoxChecked
    {
        get { return _IsCheckBoxChecked; }
        set
        {
            if (_IsCheckBoxChecked == value)
                return;
            _IsCheckBoxChecked = value;
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs("IsCheckBoxChecked"));
                PropertyChanged(this, new PropertyChangedEventArgs("IsCheckBoxVisible"));
            }
        }
    }


    public bool IsCheckBoxVisible
    {
        get { return !_IsCheckBoxChecked; }
        set
        {
            if (_IsCheckBoxVisible == value)
                return;
            _IsCheckBoxVisible = value;
            if (PropertyChanged != null)
                PropertyChanged(this, new PropertyChangedEventArgs("IsCheckBoxVisible"));
        }

(簡潔にするために、コンストラクターとINotifyPropertyChanged実装は省略されています。)

次のように MainPage.xaml に配置されたコントロール。

<Window.Resources>
    <local:VisibilityConverter x:Key="VisibilityConverter"/>
</Window.Resources>

<Window.DataContext>
    <local:ItemViewModel/>
</Window.DataContext>

<Grid>
    <StackPanel>
        <CheckBox x:Name="checkBox" Content="Hide CheckBoxes"  FontSize="14"  IsChecked="{Binding IsCheckBoxChecked, Mode=TwoWay}" />
        <ListView ItemsSource="{Binding Items}" HorizontalContentAlignment="Stretch" >
            <ListView.ItemTemplate >
            <DataTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="*"/>
                        <ColumnDefinition Width="Auto"/>
                    </Grid.ColumnDefinitions>
                    <TextBlock Text="{Binding ItemName}"/>
                        <CheckBox  Grid.Column="1" Visibility="{Binding IsCheckBoxVisible, Converter={StaticResource VisibilityConverter}}"   >
                            <CheckBox.DataContext>
                                <local:ItemViewModel/>
                            </CheckBox.DataContext>
                        </CheckBox>
                    </Grid>
            </DataTemplate>
        </ListView.ItemTemplate>
    </ListView>
       <StackPanel Orientation="Horizontal" Margin="4,4,0,0">
        <TextBlock Text="IsCheckBoxVisible:"/>
            <TextBlock Text="{Binding IsCheckBoxVisible}" Margin="4,0,0,0" FontWeight="Bold" />
        </StackPanel >
        <Button Content="Button" Visibility="{Binding IsCheckBoxVisible, Converter={StaticResource VisibilityConverter}}" Margin="4,4,4,4"/>
    </StackPanel>

</Grid>

「チェックボックスを非表示」チェックボックスは にバインドさIsCheckBoxCheckedれ、更新に使用されIsCheckBoxVisibleます。DataTemplateまた、（私自身に）すべてが機能することを証明するために、下にいくつかの追加のコントロールを追加しました。）

Jeff Wilcox の値コンバーターも実装しました。(ありがとうございます。) http://www.jeff.wilcox.name/2008/07/visibility-type-converter/

DataTemplateアプリを実行し、[チェックボックスを非表示] をオンまたはオフにすると、期待どおりに関数の外側のコントロールが表示されますが、残念ながらCheckbox、データ テンプレートの内側は変更されません。

私は成功しました：

IsVisible="{Binding IsChecked, Converter={StaticResource VisibilityConverter}, ElementName=checkBox}"

しかし、私は単に別のコントロールを模倣しようとしているのではなく、値に基づいて決定を下しています。

あなたが提供できる助けやアドバイスを本当に感謝します。

ありがとうございました。

4

1 に答える 1