Win10开发之UWP控件的隐藏空间
来源:互联网 发布:邪典电影 知乎 编辑:程序博客网 时间:2024/06/04 19:24
在UWP的开发中,我们想要充分的利用整个屏幕的空间,我们可以用隐藏的方式进行。话不多说,我先来上图看看效果!
-
这就是我这篇博客所要说的UWP的控件隐藏!接下来我们来上教程,一步步教你,简单易懂,哈哈哈哈哈!
—————-我是万恶分割线————–
<Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> </Grid.RowDefinitions> <Grid Name="gridSettings" Grid.Row="1"> <Grid.RowDefinitions> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> <RowDefinition Height="auto"/> </Grid.RowDefinitions> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <StackPanel Grid.Row="0" Grid.Column="0" Margin="5" Orientation="Horizontal"> </StackPanel> <StackPanel Grid.Row="1" Margin="5" Grid.Column="0"> </StackPanel> <StackPanel Grid.Row="2" Grid.Column="0" Orientation="Horizontal" Margin="5"> <StackPanel BorderThickness="2" Margin="5,0,0,0" BorderBrush="Black"> <ScrollViewer MaxWidth="280" MinWidth="200" MaxHeight="300" MinHeight="150" > <Image/> </ScrollViewer> </StackPanel> </StackPanel> <StackPanel Grid.Row="3" Grid.Column="0" Orientation="Horizontal" Margin="10"> <TextBox Name="txtName" Margin="5,0,0,0" MaxLength="50" Width="200" PlaceholderText="这是隐藏之前的控件"/> </StackPanel> </Grid> <Button Grid.Row="2" Grid.Column="0" Content="︽" VerticalAlignment="Center" BorderBrush="Black" BorderThickness="1" HorizontalAlignment="Stretch" Name="btnHide" Click="btnHide_Click"> <Button.Background> <SolidColorBrush Opacity="0"/> </Button.Background> </Button> <StackPanel Name="spGame" Orientation="Vertical" Grid.Row="3"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> </Grid> </StackPanel>
这写的是UI界面,接下来我写的就是后台控制空间的隐藏功能
private void btnHide_Click(object sender, RoutedEventArgs e) { if (gridSettings.Visibility == Visibility.Collapsed) { btnHide.Content = "︽点击看看"; gridSettings.Visibility = Visibility.Visible; spGame.Visibility = Visibility.Collapsed; } else { btnHide.Content = "︾隐藏之后"; gridSettings.Visibility = Visibility.Collapsed; spGame.Visibility = Visibility.Visible; } }
这个函数就是使得UI控件得以隐藏的功能实现!最后我们来把它运行一下看看效果(如下图),哈哈!
-
好了,目的达到了,教程就到这里,博主找工作去了,不然要吃土勒!
0 0
- Win10开发之UWP控件的隐藏空间
- Win10的UWP开发之Hello World
- win10开发中 UWP SplitView 控件讲解
- Win10的UWP之进度条
- 【Win10】UAP/UWP/通用 开发之 SplitView
- win10 uwp 拖动控件
- win10 uwp 隐藏实时可视化
- Win10之UWP的数据存储
- Win10/UWP开发-Ink
- Win10 UWP 开发教程
- win10 uwp 自定义控件 SplitViewItem
- win10 uwp 自定义控件初始化
- Win10/UWP开发:让你的App使用上扫描仪
- Win10 UWP 开发系列:支持异步的SQLite
- 【UWP开发】如何获取win10和xbox one的用户信息
- Win10的UWP之标题栏的返回键(二)
- Win10的UWP之标题栏的返回键(一)
- win10 uwp 随着数字变化颜色控件
- 管道通信
- Windows平台使用PyInstaller将Python脚本打包成可执行文件
- 三大linux发行版的比较
- C语言概述
- 邮件的异步发送
- Win10开发之UWP控件的隐藏空间
- vmei day 03 教你集成环信移动客服
- jsp和servlet的之间的关系
- DBN(深度置信网络)解析
- 关注这几点能让网站快速获取排名
- hibernate 之 session操作
- SQL Server 2012中的user和login
- 优化长尾词跟挖掘长尾词的方法分享
- usb的挂载