管理平台登陆页面知识点总结学习

XAML登录页面样式资源知识点

写在页面刚开头的Windows结点之后，这种样式模板后面的按钮都可以用.相当于全局按钮样式。

//Button按钮的统一样式模板
<Window.Resources><ControlTemplate TargetType="Button" x:Key="CloseButtonTemplate"><Border Background="Transparent" Name="back"><Path Data="M0 0 12 12M0 12 12 0" Stroke="White" StrokeThickness="1"  VerticalAlignment="Center" HorizontalAlignment="Center" ></Path>        </Border><ControlTemplate.Triggers><Trigger Property="IsMouseOver" Value="True"><Setter TargetName="back" Property="Background" Value="#22FFFFFF"></Setter></Trigger><Trigger Property="IsPressed" Value="True"><Setter TargetName="back" Property="Background" Value="#44FFFFFF"></Setter></Trigger></ControlTemplate.Triggers></ControlTemplate></Window.Resources>

1.Path节点是在右上角写了一个×（关闭），其中Data是×的位置，详情学习在这篇博文里WPF的"路径标记语法" - 冰若 - 博客园 (cnblogs.com)

2.x:Key，在xmal中我们可以把很多需要多次使用的内容提取出来放在资源字典Resources里面（也就是上面的Window.Resources），需要使用的时候就需要Key把它检索出来。x:Key的作用就是为资源贴上用于检索的索引。

3.使用按钮模板的方法：资源样式学习博客（（6）WPF资源、样式、模板 - 代码吸血虫 - 博客园 (cnblogs.com)）

Template="{StaticResource CloseButtonTemplate}"

//使用按钮模板样式Template="{StaticResource CloseButtonTemplate}
<Button VerticalAlignment="Top" HorizontalAlignment="Right" Width="40" Height="30"Template="{StaticResource CloseButtonTemplate}"/>

4.整个页面可以用Grid面板，可以把Grid面板分隔成想要的行和列，然后用的时候，标明是哪个Grid(比如Grid.Row = "2",用的是Grid总的第三行)

//把整个页面分成三大行，第一行高度是整个页面的高的1.8*，带*的代表取的是面板1.8比例，不是固定值，是根据页面变动，永远取页面的1.8比例的大小。第三个60是固定值
<Grid.RowDefinitions><RowDefinition Height="1.8*"></RowDefinition><RowDefinition Height="3*"></RowDefinition><RowDefinition Height="60"></RowDefinition>
</Grid.RowDefinitions>//Grid.Row为1，是指在使用<RowDefinition Height="3*"></RowDefinition>这个行，然后行里又分为了5行
<Grid Grid.Row="1" Margin="20,20"><Grid.RowDefinitions><RowDefinition></RowDefinition><RowDefinition></RowDefinition><RowDefinition></RowDefinition><RowDefinition></RowDefinition><RowDefinition></RowDefinition></Grid.RowDefinitions>//现在在使用这里的第三行<Grid Grid.Row = "2"></Grid>
</Grid>

5.页面中引用图片时，ImageSource="../Assets/Images/clock.jpeg"中的路径，Assets是项目中的文件夹，需要在前面加上../

 <Border Background="White" VerticalAlignment="Center" HorizontalAlignment="Center"         CornerRadius="50" Margin="0,0,0,20"><Border Width="100" Height="100"><Border.Background><ImageBrush ImageSource="../Assets/Images/clock.jpeg"/>                </Border.Background></Border>
</Border>

6.Border：边框围绕在其他元素周围或背景色

BorderBrush 边框颜色

BorderThickness 粗细（BorderThickness="0,0,0,1"这里把border写成了一条线）

CornerRadius 圆角的弧度
Background border内部背景色

<Border BorderBrush="#DDD" BorderThickness="0,0,0,1" VerticalAlignment="Center"></Border>

 //布局面板一起使用 作为任意控件的边框显示<StackPanel VerticalAlignment="Bottom" Margin="0,0,0,30"><Border Background="White" VerticalAlignment="Center" HorizontalAlignment="Center" CornerRadius="50" Margin="0,0,0,20"><Border Width="100" Height="100">//Border 只能有一个元素作为它的子元素<Border.Background><ImageBrush ImageSource="../Assets/Images/clock.jpeg"></ImageBrush></Border.Background></Border></Border><TextBlock Text="小可爱乐园" HorizontalAlignment="Center" Foreground="LightSeaGreen" FontSize="18"></TextBlock></StackPanel>

7.UniformGrid中的所有Border大小样式都一样。


<Grid Grid.Row="2" Margin="20,0"><Grid.RowDefinitions><RowDefinition Height="20"></RowDefinition><RowDefinition></RowDefinition></Grid.RowDefinitions><Grid><Grid.ColumnDefinitions><ColumnDefinition></ColumnDefinition><ColumnDefinition Width="30"></ColumnDefinition><ColumnDefinition></ColumnDefinition></Grid.ColumnDefinitions><Border BorderBrush="#DDD" BorderThickness="0,0,0,1" VerticalAlignment="Center"></Border><Border BorderBrush="#DDD" BorderThickness="0,0,0,1" VerticalAlignment="Center" Grid.Column="2"></Border><TextBlock Text="OR" Grid.Column="1" Foreground="#CCC" VerticalAlignment="Center" HorizontalAlignment="Center"></TextBlock></Grid><UniformGrid Columns="5" Grid.Row="1"><Border Background="Gray"></Border><Border ></Border><Border Background="Gray"></Border><Border></Border><Border Background="Gray"></Border></UniformGrid></Grid>

WPF管理平台（一）- 登录页面相关推荐

Bootstrap4+MySQL前后端综合实训-Day02-PM【新闻管理后台（登录页面、首页）、#left＞a:nth-child(4) {}】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程博客汇总表详细笔记] 目录主页 #left>a:nth-child(4) {} 登录页主页 #left& ...
[小黄书管理平台]登录页面和模型驱动表单
上一章我们对小黄书管理平台实现了中文国际化的支持,让我们的管理平台可以根据浏览器当前的语言来自动显示中文或者英文. 本章我们计划开始看下ng2-admin的登录页面: 如何通过Formbuilder来 ...
统一身份管理平台IAM单点登录流程及第三方接口设计方案
#统一身份管理平台IAM 很多企业都有多个办公系统,账号.密码.角色.权限等均需要单独设置且不能实现统一管理. 统一身份认证管理系统IAM,我认为有以下三个优点: 建立统一的用户管理.身份配给和身份认 ...
规则执行管理平台中远程和服务管理的学习1
2019独角兽企业重金招聘Python工程师标准>>> 规则执行管理平台中远程和服务管理规则执行管理平台中远程和服务管理是用于在服务器端控制服务器中的规则是否执行,规则执行版本, ...
[小黄书管理平台]登录服务的实现
上一章我们重新定制了登录页面,且学习了angularjs通过模型驱动表单,更好的对表单以及表单下面的控件进行控制. 这一章我们会开始动手写代码,实现小黄书管理平台的登录功能.其中涉及以下几个点: 支持 ...
java校园足球管理系统_基于jsp的校园足球管理平台-JavaEE实现校园足球管理平台 - java项目源码...
基于jsp+servlet+pojo+mysql实现一个javaee/javaweb的校园足球管理平台, 该项目可用各类java课程设计大作业中, 校园足球管理平台的系统架构分为前后台两部分, 最终实 ...
EASYUI+MVC4通用权限管理平台
通用权限案例平台在经过几年的实际项目使用,并取得了不错的用户好评.在平台开发完成后,特抽空总结一下平台知识,请各位在以后的时间里,关注博客的更新. 1.EASYUI+MVC4通用权限管理平台--前言 ...
【用户画像】用户画像简介、用户画像的架构、搭建用户画像管理平台
文章目录一用户画像简介 1 用户画像 2 定位 2 应用 3 用户标签 (1)标签分级 (2)标签分类二用户画像的架构 1 画像处理流程 2 画像标签数据应用 3 用户画像管理平台三搭建用 ...
springboot实现用户统一认证、管理（单点登录）
大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂前言现在是:2022年5月25日13:44:16 最近和模拟登录杠上了,这不,又来了个需求,还是以这个技术点入手的. 需求大概是这样的:为了统一管 ...

WPF管理平台（一）- 登录页面

管理平台登陆页面知识点总结学习

XAML登录页面样式资源知识点

WPF管理平台（一）- 登录页面相关推荐

最新文章

热门文章

WPF管理平台 （一）- 登录页面

管理平台登陆页面知识点总结学习

XAML登录页面样式资源知识点

WPF管理平台 （一）- 登录页面相关推荐

最新文章

热门文章

WPF管理平台（一）- 登录页面

WPF管理平台（一）- 登录页面相关推荐