win8 app GridView点击子项布局变更

要触发点击必须设置IsItemClickEnabled="True"

要变更布局代码如下:

private void gridView_ItemClick_1(object sender, ItemClickEventArgs e)
        {
            ColorModel model = (e.ClickedItem as ColorModel);//自定义的类
            model.ColSpan = 2;//占的格数
            model.RowSpan = 2;//占的格数
            (VisualTreeHelper.GetChild(((VisualTreeHelper.GetChild(gridView, 0) as Border).Child as ScrollViewer).Content as FrameworkElement, 1) as VariableSizedWrapGrid).Children[gridView.Items.IndexOf(e.ClickedItem)].SetValue(Windows.UI.Xaml.Controls.VariableSizedWrapGrid.ColumnSpanProperty, model.ColSpan);
            (VisualTreeHelper.GetChild(((VisualTreeHelper.GetChild(gridView, 0) as Border).Child as ScrollViewer).Content as FrameworkElement, 1) as VariableSizedWrapGrid).Children[gridView.Items.IndexOf(e.ClickedItem)].SetValue(Windows.UI.Xaml.Controls.VariableSizedWrapGrid.RowSpanProperty, model.RowSpan);
            (VisualTreeHelper.GetChild(((VisualTreeHelper.GetChild(gridView, 0) as Border).Child as ScrollViewer).Content as FrameworkElement, 1) as VariableSizedWrapGrid).InvalidateArrange();//重新布局
            (VisualTreeHelper.GetChild(((VisualTreeHelper.GetChild(gridView, 0) as Border).Child as ScrollViewer).Content as FrameworkElement, 1) as VariableSizedWrapGrid).InvalidateMeasure();//重新计算

}

时间: 2024-07-31 15:52:02

win8 app GridView点击子项布局变更的相关文章

基于目前十分流行的app的相关的总体布局归纳

下面是自己基于目前十分流行的app的相关的总体布局的归纳: 一.标签式导航:底部TAB式导航.顶部TAB式导航.底部TAB拓展式导航 1)         底部的TAB式导航(QQ.淘宝.微信.美团.京东) 这里的话是需要先了解拇指热区的定义:当在公交车上.走路的时候,单手去操作的场景.(这个定义深刻地影响着各种手机应用app的交互设计) 问题在于:随着手机屏幕越来越大,内容也是越来越多,单手的操作就变得更加的困难了,这也是为何导航设计成底部的TAB型的. 优点:这种设计从上图上面看,除了符合人

Win8 App使用Listview的简单方法

这是Win8 App神圣不可侵犯的头文件: <head> <meta charset="utf-8"> <title>ListViewExample</title> <!-- WinJS references --> <link href="//Microsoft.WinJS.0.6/css/ui-light.css" rel="stylesheet"> <script

GridView中点击某行的任意位置就选中该行

GridView中点击某行的任意位置就选中该行 分类: 第一步:添加选择列 点击GridView右边小尖头,双击CommandField,选中"选择",添加,将起设置为不可见: 第二步:处理"ClientScriptManager.RegisterForEventValidation 方法来注册回发或回调数据以进行验证",在源文件中添加"enableEventValidation="false"": 第三步:在GridView的RowDataBound事件中增加以下代码: protec

【Android分享】仿WIN8系统磁贴点击效果

[Android分享]仿WIN8系统磁贴点击效果 功能分类:特效 支持平台:Android 运行环境:Eclipse 开发语言:Java 开发工具:Eclipse 源码大小:188.47KB 下载地址:http://www.dwz.cn/xslIw 源码简介 Demo源自http://www.apkbus.com/forum.php?mod=viewthread&tid=84631,利用自定义ImageView+View点击事件+动画实现的效果,因为原Demo无注释,所以本人在主要部分加入了代码

Android下实现win8的按钮点击效果

原理就是自定义一个imageButton,实现动画效果 demo源码下载地址:  请戳这里----------------> 关于回弹张力的效果扩展,可以参考Facebook的开源动画库rebound: https://github.com/facebook/rebound Android下实现win8的按钮点击效果

Android第八期 - 高仿 WIN8系统 磁贴点击下沉倾斜效果源码

效果图, Android第八期 - 高仿 WIN8系统 磁贴点击下沉倾斜效果源码

[Win8 APP]击破联络人迷思

当你开启win 8 的时候 面对一堆的APP 你是否会茫然呢? 今天 我选了一个'联络人App' 来讲解它的功用与好处 看到联络人APP 你应该会觉得这东西不必要吧?! 毕竟 正常情况下你不会拿电脑来打电话 那要这个干嘛?? 当然Mircosoft 会内建这个APP 就一定有它的功能 让我来带领你一一了解吧 '联络人App' 如果你是用本机账户登入电脑 那你一开始进入这个使用程序的时候 他会要求你建立/登入你的Windows Live Account(Windows Live账号) 当你使用此账

软件测试第六周学习笔记之“Win8 APP应用程序的白盒测试”

这周的学习笔记我想写点自己关于实验中碰到的问题和感想. 因为这次做的是白盒测试,所以我决定去测试一下上回测试的app的功能函数. 这次我用的是单元测试项目来做的白盒测试: 创建单元测试的步骤: 1.点击 “文件”->“添加”->“新建项目” 2.选择 windows应用程序-> 单元测试项目 3.在解决方案资源管理器中为单元测试项目下的引用上右击选择添加引用 4.选择解决方案下的项目中的用来测试的win8应用 接下来是单元测试的代码部分的编写了: 我要测试的是该项目中的一个字符串转化编码

APP界面设计与页面布局的23条基本原则

一个App的好与不好,很大部分取决于移动App页面布局的合理性,优秀的布局顾名思义就是对页面的文字.图形或表格等进行排版.设计. 优秀的布局,需要对页面信息进行完整的考虑,既要考虑用户需求.用户行为,也要考虑信息发布者的目标.目的. 对用户行为的迎合和引导,有一些既有原则和方法,比如以下的22条基本原则,-----本文来自25学堂,by admin与个人知识点整理. 1.用户/组织的图标(Logo)在所有页面都处于同一位置. 2.用户所需的所有数据内容均按先后次序合理显示 3.所有重要选项都要在