stackpanel(stack)

stackpanel(stack)

StackPanel栈式面板

前面说到,“一图胜千言”,可是有好的文章也想用TextBlock展示一下。那么,能不能做到二者兼顾,图文并茂呢?就像我们的国画一样,有文有图,和谐共存。

stackpanel(stack)

答案是:当然可以。

这就要用到WPF的另外一类布局控件:面板类布局控件。

今天,我们先介绍一下StackPanel栈式面板,这种面板作为一种容器,可以将多个控件按照一行(即水平)或一列(即竖直)顺序成一条直线排列,但是控件排满面板时不会换行,多余的将不会显示。当添加或移除包含元素时,后面的元素会自动向下或向上移动。

下面我们看看怎么样通过属性设置StackPanel栈式面板。

首先,Orientation为方向,它设置子控件在StackPanel栈式面板中的两种排列方式:横排(Horizontal)和竖排(Vertical),默认为竖排(Vertical)。

其次,FlowDirection 流向,当Orientation=”Horizontal”时,设置FlowDirection属性为RightToLeft,则元素将从右向左排列,默认为LeftToRight从左向右排列;当Orientation=”Vertical”,只有从上往下一种方式。

最后,我们通过代码实现下面的效果。

stackpanel(stack)

先下载一张图片,然后编写如下代码:

<StackPanel x:Name=”stb1″

Orientation=”Horizontal”

Width=”280″ Height=”150″ >

<Image Source=”/虎.jpg”/>

<TextBlock FontSize=”28″

HorizontalAlignment=”Center”

TextAlignment=”Center”

FontWeight=”ExtraBlack”

Foreground=”OrangeRed”>

威<LineBreak/>

风<LineBreak/>

凛<LineBreak/>

凛<LineBreak/>

</TextBlock>

</StackPanel>

stackpanel(stack)

别小看这一点点的图文结合,在以后的编程中用途大着呢!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
转载请注明出处: https://daima100.com/23772.html

(0)
上一篇 2023-10-21 17:30
下一篇 2023-10-21 19:30

相关推荐