WP、Win10开发或者WPF开发时绘制自定义窗体~例如:一个手机
时间:2022-05-07
本文章向大家介绍WP、Win10开发或者WPF开发时绘制自定义窗体~例如:一个手机,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
WP and Win10
效果:(数字是参考值,和UI无关)
<Page
x:Class="_05.AllControls._BorderUsePage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:_05.AllControls"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<!--快乐玩耍:DIV一个手机-->
<Grid>
<!--手机整体-->
<Border BorderBrush="Green"
BorderThickness="4"
CornerRadius="10,10,10,10">
<Grid>
<!--主屏幕-->
<Border BorderBrush="Gray"
BorderThickness="2"
Margin="10,60,10,30">
<TextBlock FontFamily="微软雅黑">对不起,系统已挂联系逆天重装Win10!</TextBlock>
</Border>
<!--底部-->
<Border BorderBrush="Black"
BorderThickness="2"
CornerRadius="0,0,10,10"
VerticalAlignment="Bottom"
Height="30">
<!--底部按键-->
<Grid>
<SymbolIcon Symbol="Back" HorizontalAlignment="Left" Margin="50,0,0,0" Width="50" />
<SymbolIcon Symbol="Home" HorizontalAlignment="Center" Width="50" />
<SymbolIcon Symbol="Zoom" HorizontalAlignment="Right" Margin="0,0,50,0" Width="50" />
</Grid>
</Border>
</Grid>
</Border>
</Grid>
</Page>
WPF
效果:(边框想要div必须注意==>WindowStyle="None" Background="Transparent" AllowsTransparency="True" MouseLeftButtonDown="DragWindow")
代码:
<Window x:Class="WaterMarkAPP.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="水印工具" Height="545" Width="298" Background="Transparent" AllowsTransparency="True"
WindowStyle="None" ShowInTaskbar="False" WindowStartupLocation="CenterScreen" MouseLeftButtonDown="DragWindow">
<!--快乐玩耍:DIV一个手机-->
<!--手机整体-->
<Border BorderBrush="Green"
Background="Black"
BorderThickness="4"
CornerRadius="10,10,10,10">
<Grid>
<!--主屏幕-->
<Border BorderBrush="Gray"
BorderThickness="2"
Margin="10,50,10,40">
<Grid Background="#FF151515">
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<TextBlock FontFamily="微软雅黑">对不起,系统已挂请联系逆天重装Win10!</TextBlock>
<Button Grid.Row="1" Opacity="0.4" HorizontalAlignment="Center" VerticalAlignment="Center" Height="50" Width="100" Click="Button_Click">单个水印</Button>
<Button Grid.Row="2" Opacity="0.4" HorizontalAlignment="Center" VerticalAlignment="Center" Height="50" Width="100" Click="Button_Click_1">批量水印</Button>
<Button Grid.Row="3" Opacity="0.4" HorizontalAlignment="Center" VerticalAlignment="Center" Height="50" Width="100" Click="Button_Click_2">关闭程序</Button>
</Grid>
</Border>
<!--底部-->
<Border BorderBrush="Black"
BorderThickness="2"
CornerRadius="0,0,10,10"
VerticalAlignment="Bottom"
Height="40">
<!--底部按键-->
<Grid>
<TextBlock Text="毒" HorizontalAlignment="Left" VerticalAlignment="Center" Margin="80,0,0,0" Width="20" Foreground="Gray" MouseLeave="TextBlock_MouseLeave" />
<TextBlock Text="逆" HorizontalAlignment="Center" VerticalAlignment="Center" Width="20" Foreground="Gray" MouseLeave="TextBlock_MouseLeave_1"/>
<TextBlock Text="天" HorizontalAlignment="Right" VerticalAlignment="Center" Margin="0,0,80,0" Width="20" Foreground="Gray" MouseLeave="TextBlock_MouseLeave_2"/>
</Grid>
</Border>
</Grid>
</Border>
</Window>
扩:DragWindow事件如图
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- JVM系列之:JIT中的Virtual Call接口
- 重新构建711的Android项目(二),架构的选择与实现
- Android的配置文件操作封装,摒弃SharedPreference操作配置漫天乱飞
- java实现PBOC的TLV格式解析,超简单的解析(全互联网最简单)
- 链表总计
- Spring整合MongoDb
- 正确使用Qt多线程
- Spring与hibernate与mybatis
- scala 模式匹配的几个模式
- Spring Security 认证
- Spring Security 简单配置用户存储
- 我的小工具-nodejs串口转TCP调试通信
- Spring Web Folw配置
- Spring Aop支持
- 贪心思想