想在xaml中进行自定义设计

时间:2014-05-08 06:38:08

标签: wpf xaml

使用图片链接了解结构我想在“XAML”中创建一个结构。上面我们有阶段,每个阶段我们都有活动。就像刨> 是我们创建活动“Header Design”的阶段,待定是我们创建活动“B”的阶段。 因此,在保存所有这些之后,我如何才能使我的下面的结构,即在xaml中哪个控制或方式只在那里绑定活动。 需要制作以下结构。请查看下面的图片:Need to make Required Image.Click here!

1 个答案:

答案 0 :(得分:1)

正如我们之前所说,这是一个小样本:

<DockPanel>
        <ListView Name="Planning">
            <ListView.View>
                <GridView>
                    <GridViewColumn Header="Planning">
                        <GridViewColumn.CellTemplate>
                            <DataTemplate>
                                <StackPanel Background="Red">
                                    <TextBlock Foreground="WhiteSmoke" Text="Name of the Activity" FontWeight="Bold"/>
                                    <TextBlock Foreground="WhiteSmoke" Text="Starting Date"/>
                                    <TextBlock Foreground="WhiteSmoke" Text="Ending Date"/>
                                </StackPanel>
                            </DataTemplate>
                        </GridViewColumn.CellTemplate>
                    </GridViewColumn>
                </GridView>
            </ListView.View>
        </ListView>
        <ListView Name="Pending"></ListView>
        <ListView Name="Ongoing"></ListView>
        <ListView Name="Check"></ListView>
        <ListView Name="Done"></ListView>
    </DockPanel>

你应该考虑几件事 1.首先而不是定义CellTemplate使用HeaderContainerStyle,然后将其应用到您的列表中 2.您可以忽略列表的名称,仅供参考 3.根据您在DataTemplate中使用的内容,我建议您使用Styles统一每个Activity的外观。
假设
我假设你知道INotifyPropertyChanged以及如何实现它,
另外你知道MvvM模式,Binding(在这种情况下你应该使用ItemsSource),
当你绑定ObservableCollection时,你需要使用这段代码

var view = (CollectionView)CollectionViewSource.GetDefaultView(CurrentListView.ItemsSource);  

如果你被困在某个地方,请给我们一个喊叫,我会尽力帮助你 我没有发布现成解决方案的原因是因为这对您开发此类应用程序来说是一次很好的体验。

MvvM Tutorial - Code Project
Styles and templates