windows phone (22) 隐藏元素

转载于 2014-03-05 15:05:00 发布 · 54 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/lonelyxmas/p/3582515.html

本文介绍了Windows Phone中两种隐藏UI元素的方法：使用Visibility属性将元素大小设为0使其不参与事件和使用Opacity属性使元素透明但保持其在布局中的位置。通过实例展示了不同属性对元素的影响。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

windows phone (22) 隐藏元素

原文: windows phone (22) 隐藏元素

在wp中我们也会用到隐藏某个元素，已达到某种效果，刚刚从文章看到了，分享一下【作者：神舟龙】

Visibility

此属性能非常方便的实现隐藏某个元素，但是visibility属性不是boolean类型，他是visibility类型，并包含两个visible和collapsed两个成员的枚举类型：

其中默认状态下是visible即显示，当设置为collapsed时，元素大小就会变成0，并且当设置为collapsed是，该属性所属的元素不参与事件，并且不能获得焦点，不能获得焦点也就不能进行命中测试

xaml代码：

<Grid x:Name= " ContentPanel " Grid.Row= " 1 " Margin= " 12,0,12,0 "
              >
            <TextBlock x:Name= " tb1 " Text= " tb1显示 " VerticalAlignment= " Center " HorizontalAlignment= " Center "></TextBlock>
            <TextBlock x:Name= " tb2 " Text= " tb2显示 "  Visibility= " Collapsed " VerticalAlignment= " Center " ></TextBlock>
        </Grid>

加Visibility="Collapsed"前

加入visibility=“Collapsed”之后

但是要注意的是，如果在布局过程中用到此属性，把某个元素的大小给变成0之后，可能会影响这个布局；

Opactity

没错，就是这个属性，在没看到这个属性前，我都没想到会是这个属性，不过仔细想想也是，当Opactity=“0”的时候，就把元素的透明度设置为最暗就看不到了，不过该元素还是实实在在的存在的，所以使用此属性适合在不影响布局的情况，而且元素也不会消失

xaml代码：

运行后的效果：

和上一张图片一样，从代码中可以看到我们定义了一个触摸移动事件，看看会不会实现,隐藏文件代码比较简单，如下：

    private void tb2_ManipulationDelta( object sender, ManipulationDeltaEventArgs e)
        {
             this.PageTitle.Text = " 依然相应事件 ";
        }

效果：