windows phone 前台布局以及画刷Brush使用

大家都知道windows phone前台使用sliverlight的xaml来进行布局，但是当我们要做一个软件的时候也许我们会随便拖几个控件放在界面上，，这样也不可以说不行，但是如果界面复杂，控件繁多，拖来拖去，受难为的还是自己；所以说一个好的界面布局不仅给自己一个清晰的界面，让用户看起来也是很舒服的感觉。

首先介绍在开发wp中常用的三种容器：Canvas、Grid、StackPanel当然三种容器中都可以放置任何控件，这三个容易本质上也是控件，所以控件中套控件，这种说法也是正确的。

1） Canvas:这是一个对空间进行绝对布局的容器，当容器翻转时，对应的里面的控件的位置是不会发生任何变化的，一般情况下，用的比较少，这里我就当做容器来介绍。可以自己动手试一下。记住翻转式要把SupportedOrientations="Portrait" 这个属性值设置成PortraitOrLandscape。只有设置成这个属性后，默认是不翻转的，位置在最上边，。

</Canvas>

2） Grid:这个是最常用的一种容器，当我们新建一个项目时，windows phone会自动给我们创建一个Grid。

我们可以把Grid想象成html中的table，应为Grid对应的也是行和列，只不过是虚拟的。

RowDefinitions对应的行，ColumnDefinition对应的列

具体用法:

<Grid.RowDefinitions>

</Grid.RowDefinitions>

<Grid.ColumnDefinitions>

</Grid.ColumnDefinitions>

这样就创建了三行三列：当我们在Grid中放置元素的时候只需要制定对应的列和行就可以了

</StackPanel>

</Button>

</StackPanel>

</Button>

</StackPanel>

</Button>

3） StackPanel这种容器也是非常常见的一种，在这个控件中有个属性很重要就是Orientation，就是指示里面的子空间的显示方式是横向现实还是竖向现实，默认是横向的Horizontal；根据自己的需要设置

</StackPanel>

也可以在StackPanel中嵌套StackPanel, 下面附上一个例子，仿照微博一个页面做的一个页面布局;

自己也可以随便找几个页面练练手。

在最后面的一个Demo有我自己找的一个微博的页面写的页面布局，大家也可以自己随便找几个页面练练手。

我们经常见到音乐播放器中的歌词(歌词从左到右的滚动效果), 一个textblock的渐变效果，textBox中背景放置图片，textBlock中字体背景放置图片。其实这并不难，只要知道有个Brush的东西，一切都变得简单了。

我们都知道要设置textBlock的字体需要设置Foreground颜色,但这种颜色是单一的，如果要设置渐变色或者RGP值的颜色(例如:#000);如果不容前台设置的话后台代码同样可以修改，但是前台能做的事，尽量交给前台做。Ellipse的控件的Fill，TextBox的BackGround的类型都是Brush，在Brush下有SolidBrush(渐变颜色设置),LinearGradientBrush(线性颜色设置)等的子类。通过这些属性给他们设置各种各样的效果

如果自己揉Reflector的话，搜索一下Brush，我们会看到

//textBlock的字体颜色的渐变效果

<TextBlock.Foreground>

</LinearGradientBrush>

</TextBlock.Foreground>

</TextBlock>

//textBlock的字体颜色从左到右的滚动效果，歌词滚动

<TextBlock.Foreground>

</LinearGradientBrush>

</TextBlock.Foreground>

</TextBlock>

//给textBlock设置背景图片

<TextBlock.Foreground>

</TextBlock.Foreground>

</TextBlock>

// Ellipse 的fill加载图片

<Ellipse.Fill>

</Ellipse.Fill>

</Ellipse>

// 给TextBox设置背景图片

<TextB

ox Height="72" HorizontalAlignment="Left" Margin="20,479,0,0" Name="textBox1" Text="TextBox" VerticalAlignment="Top" Width="406" >

<TextBox.Background>

</TextBox.Background>

</TextBox>

代码下载:布局/Brush使用.zip

转载于:https://www.cnblogs.com/sq62391/archive/2012/05/14/2500338.html

windows phone 前台布局以及画刷Brush使用相关推荐

Windows程序设计--画笔和画刷
画笔和画刷是重要的GDI对象,因为不管你画什么图形都需要画笔和画刷,虽然多数情况下是系统默认的. Windows提供的三种备用画笔(stock pen) 白色画笔:WHITE_PEN 黑色画笔:BLA ...
windows编程之画刷
windows编程之画刷文章目录 windows编程之画刷 @[toc] 涉及到的函数 GetStockObject CreateSolidBrush CreateHatchBrush Create ...
画笔与画刷（pen and brush)
Pen 画笔在System.Drawing名称空间中用来指定图形的轮廓,如颜色宽度等画笔创建 Pen pen = new Pen(Color.Blue,5); 使用Pens类,直接用系统定义好的 ...
深入WPF中的图像画刷(ImageBrush)之1——ImageBrush使用举例
深入WPF中的图像画刷(ImageBrush)之1--ImageBrush使用举例 2010年06月11日星期五 15:20 昨天我在<简述WPF中的画刷(Brush) >中简要介绍了W ...
QPainter 画笔（QPen）和画刷（QBrush）
Qt中提供了强大的2D绘图系统,可以使用相同的API在屏幕上和绘图·设备上进行绘制,主要基于QPainter.QPainterDevice和QPainterEngine这3个类.QPainter执行绘 ...
CSharp代码示例每日一讲: 在GDI+中使用画笔和画刷
CSharp代码示例每日一讲,为刚刚学习编程的人准备,利用最简单的代码介绍CSharp编程知识! 画笔和画刷是图形应用中最常用的两种对象.笔用于绘制图形对象的轮廓,如线条和曲线;刷子是用来填充图形对象 ...
MFC更换画笔（画刷）颜色以及画眼睛（GDI画图）
MFC画眼睛换画笔(画刷)颜色(参考链接:https://blog.csdn.net/sunxiving/article/details/51272001) 由于画笔一旦创建后就无法修改.所以要修改 ...
Windows 8 应用商店应用开发之画刷
8.5画刷画刷用来对图形.文本和控件的内部或轮廓进行上色,经过上色可以让控件在界面中可见并能增加美观性.这一节重点介绍单色画刷(SolidColorBrush).线性渐变色画刷(LinearGrad ...
c# 设置Brush 画刷透明
使用solidBrush新建画刷,定义画刷的颜色为透明色 Brush b = new SolidBrush(Color.FromArgb(50, Color.Green)); 这里的50是透明度的设置 ...

windows phone 前台布局以及画刷Brush使用

windows phone 前台布局以及画刷Brush使用相关推荐

最新文章

热门文章