XAML 布局StackPanel

<Window x:Class="WpfApplication2.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid Height="320" Width="513">
        <!--Orientation="Horizontal"表示垂直的布局,=Vertical要则是水平布局,如果省略Orientation默认就是水平布局-->
        <!--StackPanel就是页面布局,如果不加的话,你把一个控件直接放入Grid里面的话,那这个控件就会填充满整个窗口-->
        <!--<StackPanel Orientation="Horizontal">
            <Button Content="登陆" Name="bntLogin" Click="bntLogin_Click"></Button>
            <Button Content="提交" Name="bntSubmit"></Button>
        </StackPanel>-->

        <!--直接在Grid里放控件,那么这个控件就会把整个窗体都填充满,利用这一点,我们可以在这个控件里面放一个控件,其实我说的就是在一个button里放入一个image图片控件,其实也就是将button的Content属性设定为一副图片,那么这个控件就会显示为一副图片的样子了,哈哈哈-->
        <!--<Button Margin="0,0,13,0">
            <Button.Content>
                <Image Source="123.jpg" Height="259" Width="494"></Image>
            </Button.Content>-->

        <!--</Button>-->

        <!--假如说我的这个button想放入两个控制,或者更多的控件怎么办呢?-->
        <Button >
            <Button.Content>
                <StackPanel>
                    <Image Source="123.jpg"></Image>
                    <!--VerticalAlignment="Center"表示垂直的对齐方式,, HorizontalContentAlignment="Center"表示水平的对齐方式-->
                    <TextBox Text="美女哦!" HorizontalContentAlignment="Center" VerticalAlignment="Center"></TextBox>
                </StackPanel>
            </Button.Content>

        </Button>

    </Grid>
</Window>

时间: 2024-08-03 14:18:31

XAML 布局StackPanel的相关文章

自适应XAML布局经验总结 (四)区域布局设计模式

本系列对实际项目中的XAML布局场景进行总结,给出了较优化的自适应布局解决方案,希望对大家有所帮助. 下面介绍区域布局设计模式. 7. 头尾模式 页面有时分为顶部栏,中间内容和底部栏三部分.这时可以使用Grid布局,分为3行,设置为Auto,*和Auto,分别放置顶部栏,中间内容和底部栏.顶部栏和底部栏由其中内容决定高度,中间内容充满剩余空间. <Window x:Class="BlendDemo.DP7" xmlns="http://schemas.microsoft

自适应XAML布局经验总结 (三) 局部布局设计模式2

本系列对实际项目中的XAML布局场景进行总结,给出了较优化的自适应布局解决方案,希望对大家有所帮助. 下面继续介绍局部布局设计模式. 5. 工具箱模式 绘图,三维模型操作等需要工具的情况,可以使用带分类的工具箱来放置工具,以达到较好的效果.实现工具箱效果的方法是使用ItemsControl的分组功能,并修改样式和布局. 首先,在最外层放置一个横向滚动条为Auto的ScrollViewer.里面放一个ItemsControl,修改布局为UniformGrid,分两行.ItemTemplate为Bu

自适应XAML布局经验总结 (二) 局部布局设计模式1

本系列对实际项目中的XAML布局场景进行总结,给出了较优化的自适应布局解决方案,希望对大家有所帮助. 下面开始介绍局部布局设计模式. 1. 工具栏模式 适用于工具栏,标题等的布局. 此块布局区域外层使用Grid,然后分为两行或三行,标题或工具栏区域为Auto,主要内容区域为*.如果是标题,使用TextBlock,设置文字的字体和字号,还有Margin,把此行撑开.如果是工具栏,可放置一个横向的StackPanel,右对齐,其中放置多个按钮,通过设置按钮的Content,Margin和Paddin

自适应XAML布局经验总结 (一)原则和页面结构设计

XAML布局回顾 Grid和StackPanel是核心布局,尤其以Grid最为重要. Grid是网格布局,XAML的设计者有可能参考了Html里的Table设计了Grid布局,但进行了改进.Html中的Table是tr套td,要想变动行列非常麻烦.XAML中的Grid使用的是指定行列序号和跨行跨列数的方式,修改起来灵活方便. Grid里行或列的大小有三种方式,一种方式是固定大小(Double值),一种方式是由里面的内容决定(Auto),一种方式是按比例分割剩余空间(Double值加*,剩余空间由

WPF的布局--StackPanel

1. StackPanel是以堆叠的方式来显示控件(从左到右,或者从上到下) 默认是从上到下显示的,并且宽度为StackPanel的宽度,高度自动适应控件中内容的高度(未对控件进行设置时) 如图: 代码如下: 1 <Window x:Class="ReadRemoteRegistry.MainWindow" 2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 3 xmlns:x

传智播客--XAML布局--连连看界面(小白内容)

一个简单的10*10连连看,有100个格子,可以在XAML里面用ColumnDefinition和RowDefinition各写10组,但是这样效率会很慢,因此,可以采用动态生成的方式进行. public void FG() { Random ran = new Random(); for (int i = 0; i < 10; i++) { ColumnDefinition cDef = new ColumnDefinition(); GridGame.ColumnDefinitions.Ad

背水一战 Windows 10 (38) - 控件(布局类): Panel, Canvas, RelativePanel, StackPanel, Grid

原文:背水一战 Windows 10 (38) - 控件(布局类): Panel, Canvas, RelativePanel, StackPanel, Grid [源码下载] 作者:webabcd 介绍背水一战 Windows 10 之 控件(布局类) Panel Canvas RelativePanel StackPanel Grid 示例1.Panel(基类) 的示例Controls/LayoutControl/PanelDemo.xaml <Page x:Class="Window

在Winform界面使用自定义用户控件及TabelPanel和StackPanel布局控件

在很多时候,我们做一些非常规化的界面的时候,往往需要创建一些用户控件,在其中绘制好一些基础的界面块,作为后续重复使用的一个单元,用户控件同时也可以封装处理一些简单的逻辑.在开发Winform各种类型项目,我都时不时需要定制一些特殊的用户控件,以方便在界面模块中反复使用.我们一般是在自定义的用户控件里面,添加各种各样的界面控件元素,或者封装一些特殊的函数处理共外部调用等.本篇随笔主要介绍基于DevExpress的Winform开发经验,介绍一个类似看板信息的用户控件,并在TabelLayout和S

XAML学习笔记——Layout(二)

本篇随笔将简单介绍两种基本的布局——Grid布局和VariableSizedWrapGrid布局. Grid布局 顾名思义,Grid布局将布局容器以行和列的分割方法拆分成若干单元格,然后通过指定子元素所属单元格的行编号(Grid.Row)与列编号(Grid.Column)的方式将一个或多个子元素排列在指定的单元格中,从而以表格的形式排列子元素.从功能和设计方式上讲,Grid布局排列子元素的行为和HTML中的 table 类似,但是使用方式更加灵活.Grid布局在开发过程中多用于表单的开发设计,并