WPF —— TabControl、StackPanel 控件详解

1 TabControl简介

表示包含多个项的控件,这些项共享屏幕上的同一空间。

TabControl有助于最大程度地减少屏幕空间使用量,同时允许应用程序公开大量数据。 

TabControl包含共享同一屏幕空间的多个 TabItem 对象。一次只能看到 TabControl 中的一个  TabItem 。 当用户选择的 TabItem 选项卡时,将显示 TabItem 的内容,并且隐藏其他 TabItem 对象的内容。

TabItem

表示 TabControl 内某个可选择的项。

TabItem 为 HeaderedContentControl。 它的内容属性为 Content ,并且其标头属性为 Header 。

2 关于TabControl的实例

<TabControl ><TabItem Header="首页">河北的煤气爆炸</TabItem><TabItem Header="军事">北约集9万士兵在俄罗斯边境演练</TabItem><TabItem Header="科技">李彦宏说未来没有咱饭吃</TabItem>
</TabControl>

 

1:StackPanel控件简介

堆栈panel 使其子元素按照一定的方式进行布局 ,子元素排布方式要么设置水平排布,要么垂直排布:

默认的是从上到下显示 每一个子元素宽度是stack的宽度(没有对任何子元素进行任何设置)

2:关于StackPanel常用的属性

Orientation:Horizontal 水平排布

Vertical 垂直排布 

Orientation = "Horizontal" 每个子元素高度是panel的高度,宽度是自适应控件内容的宽度

3 :关于StackPanel的实例

如果Orientation = "Vertical "则效果为

<StackPanel Orientation="Vertical"><Label Content="今天是星期四"BorderBrush="Red"BorderThickness="1"Width="200"Height="30"HorizontalAlignment="Left"></Label><Label Content="明天是星期五"BorderBrush="Red"BorderThickness="1"Width="200"Height="30"></Label><Label Content="后天是星期六"BorderBrush="Red"BorderThickness="1"Width="200"Height="30"HorizontalAlignment="Right"></Label><TextBlock>我是一个文本流</TextBlock><ComboBox Width="300"Height="40"Text="腿疼"IsEnabled="True"IsReadOnly="True"><ComboBoxItem>长时间久坐,坐姿不端正</ComboBoxItem><ComboBoxItem>饮食不规律</ComboBoxItem><Label>吃六味地黄丸</Label><CheckBox>喝枸杞</CheckBox><CheckBox>喝黑枸杞</CheckBox></ComboBox>
</StackPanel>

Orientation = "Horizontal"则效果为

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/539138.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

无人机自动返航算法实现与优化

一、引言 随着无人机技术的快速发展&#xff0c;其在航拍、农业、救援等领域的应用越来越广泛。在这些应用中&#xff0c;无人机的自动返航功能显得尤为重要。一旦无人机失去控制或与遥控器失去连接&#xff0c;自动返航算法能够确保无人机安全返回起飞点&#xff0c;避免损失和…

(008)Unity StateMachineBehaviour的坑

文章目录 StateMachineBehaviour同名函数的调用问题StateMachineBehaviour 的 OnState*、OnStateMachine* 的区别 StateMachineBehaviour同名函数的调用问题 1.如果脚本中&#xff0c;两个同名的函数都存在&#xff0c;那么两个函数都会被调用&#xff1b;如果只有其中一个同名…

探索编程新纪元:Code GeeX、Copilot与通义灵码的智能辅助之旅

在人工智能技术日新月异的今天&#xff0c;编程领域的革新也正以前所未有的速度推进。新一代的编程辅助工具&#xff0c;如Code GeeX、Copilot和通义灵码&#xff0c;正在重塑开发者的工作流程&#xff0c;提升编程效率&#xff0c;并推动编程教育的普及。本文将深入探讨这三款…

Outlook API发送邮件的方法?如何设置接口?

如何使用Outlook API发送电子邮件&#xff1f;怎么调用API接口&#xff1f; 为了满足更高级别的需求&#xff0c;我们可能需要通过编程的方式来操作Outlook&#xff0c;这时候&#xff0c;Outlook API就显得尤为重要了。那么&#xff0c;如何使用Outlook API发送邮件呢&#x…

Python Web开发记录 Day9:Django part3 用户管理

名人说&#xff1a;莫道桑榆晚&#xff0c;为霞尚满天。——刘禹锡&#xff08;刘梦得&#xff0c;诗豪&#xff09; 创作者&#xff1a;Code_流苏(CSDN)&#xff08;一个喜欢古诗词和编程的Coder&#x1f60a;&#xff09; 目录 1、数据库准备2、用户列表3、新建用户4、编辑用…

阿里云国际放行DDoS高防回源IP

如果源站服务器上设置了IP白名单访问控制&#xff08;如安全软件、安全组&#xff09;&#xff0c;由于设置了DDoS高防后&#xff0c;回源IP是高防回源IP段&#xff0c;您需要将DDoS高防的回源IP段的地址加入安全软件和安全组的白名单中&#xff0c;避免DDoS高防的回源流量被误…

Vue2 + node.js项目

1、Vue2 vue2主要功能包括登入、退出、用户权限、表格的增删改查、文件下载。 Vue2项目地址https://gitee.com/www6/finance1.git 2、node.js编写后端接口 2.1、项目初始化 后端地址https://gitee.com/www6/finance-backend.git 创建项目 npm install -g koa-generator …

Airtest-Selenium升级兼容Selenium 4.0,给你全新体验!

一、前言 在上期更新推文中提到&#xff0c;我们Airtest-Selenium更新到了1.0.6版本&#xff0c;新增支持Selenium4.0的语法&#xff0c;那么我们来看一下Airtest-Selenium更新后有什么新的内容吧~ 二、selenium 4.0有什么新功能 selenium4.0最主要的还是定位元素方法的更新…

Leet code 746 使用最小花费爬楼梯

解体思路&#xff1a;动态规划 首先理解题意&#xff1a;什么是到达楼顶&#xff0c;这楼顶是指数组cost最后一个元素的下一个位置 所以需要创建一个元素个数为cost.size()1的dp数组 然后记录到达每一个位置的最小花费 下标0 和 1位置是起点 到达 i 位置的最小花费这个i需要…

基于YOLOv8/YOLOv7/YOLOv6/YOLOv5的零售柜商品检测软件(Python+PySide6界面+训练代码)

摘要&#xff1a;开发高效的零售柜商品识别系统对于智能零售领域的进步至关重要。本文深入介绍了如何运用深度学习技术开发此类系统&#xff0c;并分享了全套实现代码。系统采用了领先的YOLOv8算法&#xff0c;并与YOLOv7、YOLOv6、YOLOv5进行了性能比较&#xff0c;呈现了诸如…

Java中的 “==” 与 equals 的区别

Java中的 “” 与 equals 的区别 1.“” 在Java中有两大类数据类型&#xff0c;一类是基础数据类型共有八种分别是byte、 short、 int、 long、 float、 double、 char、boolean&#xff0c;另一类则是引用数据类型&#xff0c;例如String、Integer等等。 “ ” 作为比较运算…

SAE自动驾驶分级介绍

SAE International 国际自动机工程师学会&#xff08;原译&#xff1a;美国汽车工程师学会&#xff09;英文全程为&#xff1a;Society of Automotive Engineers International&#xff0c;是一个全球性的非常活跃且专业的标准研究组织。对于各类工程领域均有涉及&#xff0c;且…