none
GridVewItem Question: RRS feed

  • 问题

  • bob你好:
    我借鉴自20120822_VariableSizeWrapGridForGroupedGridView;接下去想实现如下功能:
    <大图:400*400 小图100*100>
    例如:
    点击大图后隐藏其之后的四个小图;然后再点击大图可再次显示四个小图
    请Bob给予思路或者相关的代码给我做参考,谢谢!
    如有相应的Demo更感激不尽;

    2012年9月11日 7:53

答案

  • 你修改 GridView 的 ItemContainerStyle 如下, 设置GridViewItem的Visibility 绑定到你的数据源对象。

                <GridView.ItemContainerStyle>
                    <Style TargetType="GridViewItem">
                        <Setter Property="Visibility" Value="{Binding ...}"/>
                    </Style>
                </GridView.ItemContainerStyle>


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us

    2012年9月14日 7:25
    版主

全部回复

  • 这个我给一句话 “数据驱动UI”。 怎么理解,你在这些Item绑定的对象中,设计一个bool 属性,用于控制其显示或者隐藏(别忘了bool to visible 的绑定转换器)。 然后你在点击一个大图之后,就可以在点击事件中设置四个小图绑定的对象的这个属性为false, 数据绑定会帮助你隐藏这四个图的。


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us

    2012年9月13日 3:16
    版主
  • Bob:

    使用DataBing和Converter之后能够使得图片进行隐藏,图片的确被隐藏了;可是却不是使得GridViewItem的Visibility=Visibility.Collapsed

    我需要效果的是点击第一个大的GridViewItem后隐藏其右边的四个小的GridViewItem;我在Windows Store上看到过此效果的App;

    请教Bob


    2012年9月14日 1:44
  • 你修改 GridView 的 ItemContainerStyle 如下, 设置GridViewItem的Visibility 绑定到你的数据源对象。

                <GridView.ItemContainerStyle>
                    <Style TargetType="GridViewItem">
                        <Setter Property="Visibility" Value="{Binding ...}"/>
                    </Style>
                </GridView.ItemContainerStyle>


    Bob Bao [MSFT]
    MSDN Community Support | Feedback to us

    2012年9月14日 7:25
    版主