深入浅出-样式属性布局

Attribute和Property属性区别
Attribute:是语言层面的东西、是给编译器看的
Property:是面向对象层面的东西,是给编程逻辑用的,一个XAML标签的Attribute里大部分都对应着对象的Property。

x:Class :所指示的类型在声明时必须使用partial关键字
x:Name,类似于html的id用法
x:FieldModifier,默认值为internal,可选public等
x:Key,为资源贴上用于检索的索引,在wpf中,几乎每个元素都有自己的Resources属性,比如需要重复使用的XAML内容,如Style,各种Template和动画等都需要放在资源里。
<Window.Resources>
  <sys:String x:Key="myString">Hello wpf</sys:String>
</Window.Resources>

<TextBox Text="{StaticResource ResourceKey=myString}" />
或代码访问:
string str=this.FindResource("myString")as string;
this.textBox1.Text=str;

x:Type,它的值应该是一个数据类型的名称
x:Null,对一个属性赋一个空值

<Window.Resources>
  <Style x:Key="{x:Type Button}" TargetType="{x:Type Button}">

    <Setter Property="Width" Value="60"  />

    <Setter Property="Height" Value="30"  />

    <Setter Property="Margin" Value="5"  />
      </Style>
</Window.Resources>

<Button Content="OK" Style="{x:Null}">  //表示这个控件不需要引用Stype的样式

x:Static,访问的static成员一定是数据类型的属性或字段。
Text="{x:Static local:Window1.ShowText}"

布局控件:Grid  StackPanel  DockPanel  ,它们的父类都是Panel。

内容控件:Window  Button等,它们的父类是ContentControl。内容属性的名称为Content,只能由单一元素充当其内容。

带标题内容控件:相当于一个内容控件,但可以加一个标题(Header),标题部分也可容纳一个控件或布局。GroupBox  TabItem等,他们的共同父类是HeaderedContentControl.

条目控件:ListBox ComboBox等,他们的父类是ItemsControl,显示集合类型数据方面功能非常强大。

带标题条目控件:相当于一个条目控件加上一个标题显示区。TreeViewItem  MenuItem,他们父类是HeaderedItemsControl

特殊内容控件:如TextBox看容纳的是字符串,TextBlock可容纳可自由控制格式的文本,Image可容纳图片类型数据,,,,

<Button Content="OK" />
或者:

<Button>
  <Button.Content>
    <sys:String>OK</sys:String>
  </Button.Content>
</Button>

时间: 2024-10-20 18:15:52

深入浅出-样式属性布局的相关文章

原创:新手布局福音!微信小程序使用flex的一些基础样式属性

来源:新手布局福音!微信小程序使用flex的一些基础样式属性 作者:Nazi Flex布局相对于以前我们经常所用到的布局方式要好的很多,在做微信小程序的时候要既能符合微信小程序的文档开发要求,又能使用不同以往的居中方式并减少css的相关样式声明. 先来看看关于flex的一张图: 从上面可以看到一些flexbox的相关信息, main axis 和 cross axis 指的是flexbox内部flex项目(flex item)的排列方向,通俗点说就是,里面的flex项目是按照横轴或者纵轴排列的顺

HTML_css样式表 样式属性 格式布局

CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页. /*注释区域*/此为注释语法 一.样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多. 例:<p style="font-size:14px;">内联样式表</p> 2.内嵌样式表 作为一个独立区域内嵌在网页里,必须写在head标签里面. <style type="text/css"> p  

【3-24】css样式表分类、选择器、样式属性、格式布局

一.css样式表分类: (一)内联样式表:代码写在标签内的样式表  控制精确 代码重用性差  优先级最高 格式:<p style="样式属性">内容</p> <div style="text-decoration:line-through;">第四格第三元</div> (二)内嵌样式表:将代码写在标签<style type="text/css"></style>之间,此标签一

8 WPF学习之深入浅出话属性

转载:http://blog.csdn.net/fwj380891124/article/details/8131080 通过前面的学习,我们已经知道Data Binding是WPF"数据驱动UI"理念的基础.上一章我们将主要的精力放在了Binding的数据源这一端,研究了Binding的Source和Path.本章我们将把目光移向Binding的目标端,研究一下什么样的对象才能作为Binding的Target以及Binding将把数据送往何处. 1.1      属性(Propert

为什么我们要使用min-height和max-height样式属性?

http://www.divcss5.com/rumen/r422.shtml 为什么我们要使用min-height和max-height样式属性? Css min-height应用地方解释 我们有时设置一个对象盒子时候避免对象没有内容时候不能撑开,但内容多少不能确定所以又不能固定高度,这个时候我们就会需要css来设置min-height最小高度撑高对象盒子.当内容少时候最小高度能将内容显示出,如果内容多余最小高度能装下时候,对象也会再随内容增多而增高. Css max-height最大高度应用

解决CSS3多列样式column-width布局时内容被截断、错乱

一.问题 使用CSS3的column-width: auto | <length>属性时,出现排列的内容被截断,出现错位的现象. 二.原因 需要为图片容器设置高度,不然会崩掉. 三.解决方法 给需要分列的容器加上height:100%;overflow: auto;. 解决CSS3多列样式column-width布局时内容被截断.错乱

快速记住CSS样式属性单词及输入HTML+CSS的方法

快速记住CSS样式属性单词及输入HTML+CSS的方法,DIVCSS5介绍一种快速输入HTML代码.快速输入CSS样式英文单词与样式值输入方法.降低英文单词代码输入错误概率,提升输入代码速度.DW软件输入CSS和HTML的终极用法(非面板输入法). DIVCSS5教大家一种快速记住CSS样式属性单词及用法的方法,告别死记硬背才是硬道理. CSS样式布局中使用的CSS样式英文单词,不需要死记硬背,会使用认识,知道长什么样即可.在DIV CSS布局开发中对于是否会拼写CSS属性单词关系不大,会使用.

精通CSS+DIV网页样式与布局--初探CSS

CSS英文名Cascading Style Sheet,中文名字叫层叠样式表,是用于控制页面样式并允许将样式信息与网页内容分离的一种标记性语言,DIV+CSS是WEB设计标准,它是一种网页的布局方法.与传统中通过表格(table)布局定位的方式不同,它可以实现网页页面内容与表现相分离.提起DIV+CSS组合,还要从XHTML说起.XHTML是一种在HTML(标准通用标记语言的子集)基础上优化和改进的新语言,目的是基于XML应用与强大的数据转换能力,适应未来网络应用更多的需求."DIV+CSS&q

Arcgis apis for flex项目实例—美工篇(1):样式与布局

前文已完成基本的功能,该是进入美工阶段了.我也只是一个小前端程序员,没有能力把页面做的美如画,美工的原则只有两点:一是采用大众化的页面风格,配色和谐,符合大多数用户的操作习惯:二是尽可能采用自定义控件样式,不要出现flex自带的控件样式.这一节先简要介绍一下总体的样式和布局.改变一下习惯,先美工处理过后的效果图: 从最终的结果看主要由几点改变:首先是有了主题色——绿.蓝.橙为主的组合:其次是加入了一些页面元素,页面整体变得丰满:然后是很多控件样式发生了变化,如滚动条.地图切换按钮.搜索框.工具按