ScrollPane 带水平及垂直滚动条的容器组件 TextArea 多行文本域 TextField 单行文本框 这些 AWT 组件的用法比较简单，可以查阅 API 文档来获取它们各自的构方法、成员方法等详细信息...文本域（TextArea） 文本域类 TextArea 与 TextField 一样，都是文本编辑组件，同属 TextComponent的子类，只是文本域可以显示多行多列的文本。...TextArea类的构造方法有5 种重载形式，通过参数赋值，不但可以像 TextField 一样指定初始化文本内容、列数，而且可以指定文本域的行数、垂直滚动条的显示。...(String text, int rows, int columns, intscrollbars) 实例化文本域对象，指定文本、行数、列数和滚动条可见性 在类 TextArea 中为参数 scrollbars...列表将所有选项罗列和显示在列表框中，比下拉列表更加直观。 AWT的List 类实例化列表组件，提供多个文本选项，支持滚动条。
欢迎 点赞✍评论⭐收藏前言Winform控件是Windows Forms中的用户界面元素，它们可以用于创建Windows应用程序的各种视觉和交互组件，例如按钮、标签、文本框、下拉列表框、复选框、单选框、...在Windows 10中，最大缩放比例为1000%。1.10 ScrollBarsRichTextBox控件的ScrollBars属性用于控制文本框中的滚动条显示方式。...该属性有以下四个选项： None：不显示滚动条。Horizontal：显示水平滚动条。Vertical：显示垂直滚动条。Both：同时显示水平和垂直滚动条。...通过设置该属性，可以在需要时方便地启用或禁用滚动条，以及调整文本框的外观和行为。...然后通过属性窗口设置控件的一些属性，例如：Dock属性设置为Fill，使得控件在窗体中占据所有可用空间。Multiline属性设置为True，允许在控件中显示多行文本。
OnGUI() { str = GUI.TextField(new Rect(10, 10, 200, 20), str); //Debug.Log(str); } TextArea 用于创建多行文本编辑区...Toggle 切换开关 应用于所有切换开关的样式 Label 标签 应用于所有标签控件的样式 TextField 文本框 应用于所有文本框的样式 TextArea 文本区域 应用于所有多行文本域控件的样式...应用于所有垂直滚动条的样式 Vertical Scrollbar Thumb 垂直滚动条滑块 应用于所有垂直滚动滑块的样式 Vertical Scrollbar Up Button 垂直滚动条顶部按钮...应用于所有垂直滚动条顶部按钮的样式 Vertical Scrollbar Down Button 垂直滚动条底部按钮 应用于所有垂直滚动条底部按钮的样式 Custom 1-20 自定义 附加的自定义样式可以应用于任何控件...设置文本在Text框中的水平以及垂直方向上的对齐方式 Horizontal Overflow 设置水平方向上溢出时的处理方式 Wrap隐藏；Overflow溢出 Vertical Overflow 设置垂直方向上溢出时的处理方式
）、Vertical Scroll Bar（垂直滚动条）、Horizontal Slider（水平滑动条）、Vertical Slider（垂直滑动条）、Key Sequence Edit（快捷方式）。...Widget（日历）、LCD Number（LCD 数码管）、Progress Bar（进度条）、Horizontal Line（水平分割线）、Vertical Line（垂直分割线）、OpenGL...，缺省情况是不启用的。...如果组件启用了平板跟踪功能，部件能接收触控笔靠近但未真正接触平板时的触控笔移动事件，这可以用于监视操作位置以及部件的辅助操作功能（如旋转和倾斜），并为图形界面提供这些操作的信息接口。...； ImhTime：文本编辑器用于时间字段输入； ImhPreferLation：拉丁语字符优先（不是必须）； ImhMultiLine：可以在文本字段中输入多行； ImhNoEditMenu：不适用内置编辑菜单
顶部标签 与输入域左垂直对齐 优点：节省水平空间，标签长度弹性大，可以加快浏览和处理速度。 缺点：垂直空间占用比较大，表单项多时需增加页面滚动。...左对齐标签 文字左对齐放置在输入域的左边 优点：文字开头按阅读视线对齐，方便用户快速浏览表单；节约垂直空间。 缺点：标签与表单域联系不紧密，视觉跳动大，填表不流畅；标签和输入域的弹性长度小。...右对齐标签 文字右对齐放置在输入域的左边 优点：明确的视觉关联，有利于用户进行填写，节约垂直空间。 缺点：左边标签参差不齐，给通览标签造成障碍，降低表单可读性；标签和输入域的弹性长度小。...输入域 用来采集用户数据信息的入口，包含了文本录入、选框录入以及文件上传3种录入类型，应尽可能的减少用户思考和理解的成本，选择合适的输入域。...表格loading：用表格自带的loading属性。 滚动条 表格宽度过长- 滚动条最好出现在表格中，不是在页面级别。 弹框过长-滚动条最好出现在弹框中，不是页面级别滚动。 避免出现滚动条套娃。
:设置字体（如黑体，楷体等） Size:设置大小（属性值从1——7，从小到大） Color;字体颜色（值为十六进制颜色） (3) ：设定显示在浏览器左上方的标题内容 属性： Dir:文本的显示方向...Center：居中 Class：用一个名称来标记标题，标记名称指向在外部定义的样式表 Id：为段落设置一个标记，将来可以在一个超链接中明确的引用这个标记，以便作为样式表的选择器 Style：创建标题内容的内联样式...radio单选框 button 普通按钮 submit 提交按钮 reset 重置按钮 hidden隐藏域 image 图像提交按钮 (3)、多行文字域 属性：dir lang class...id style title name accesskey disabled tabindex rows（行数） cols（列数） wrap（多行文字域的换行） Wrap的属性值：virtual ...onReset 复位表单时 onSubmit提交表单时 onSlecte 文本域被选中时 onUnload退出载入时 onFocus当光标落在文本框时
文本的显示方向 Lang:语言信息 (4) ：有关文档本身的元素信息 属性： http-equiv: 生成http标题域，取值与content的属性值相同 属性值...hidden隐藏域 image 图像提交按钮 (3)、多行文字域 属性：dir lang class id style ... name accesskey disabled tabindex rows（行数） cols（列数） wrap（多行文字域的换行...：yes 出现边框 no 不出现边框 (3)、定义内联框架，在文档中定义一个独立的矩形区域，有独立的滚动条和边框 属性：class id style...HTML重新定义标签样式表语法： exp: td｛color：red;font-size:8pt｝ （b）、类样式表：能够在文档样式表或外部样式表中为同一个元素创建不同的样式
PyQt5多行文本框控件QTextEdit简介 QTextEdit类是一个多行文本框控件，可以显示多行文本内容，当文本内容超出控件显示范围时，可以显示水平个垂直滚动条，Qtextedit不仅可以用来显示文本还可以用来显示...HTML文档 QTextEdit类中常用的方法 方法 描述 setPlainText() 设置多行文本框的内容 toPlainText() 返回多行文本框的文本内容 setHtml() 设置多行文本框的文本内容为...HTML文档，HTML文档是描述网页的 toHtml() 返回多行文本框的HTML内容 append() 追加多行文本框的内容 clear() 清除多行文本框的内容 内容不多，就一个实例 QTextEdit...#创建多行文本框 self.textEdit=QTextEdit() #创建两个按钮 self.btnPress1=QPushButton('显示文本') self.btnPress2...=QPushButton('显示HTML') #实例化垂直布局 layout=QVBoxLayout() #相关控件添加到垂直布局中 layout.addWidget(
是一个集按钮和下拉选项于一体的控件，也称做下拉列表框 常用方法： count() ：返回下拉选项集合中的数目 currentText() ：返回选中选项的文本 itemText(i) ：获取索引为 i...常用方法： setText() : 设置文本框内容 Text() : 返回文本框内容 clear() : 清除多行文本框的内容。...可显示多行文本内容，当文本内容超出控件显示范围时，可以显示水平和垂直滚动条 常用方法： toPlainText() : 返回多行文本框的文本内容。...toHtml() : 返回多行文本框的HTML文档内容（HTML文档是描述网页的） append() : 追加字符串 clear() : 清除多行文本框的内容。...Vertical Scroll Bar ：垂直滚动条 允许用户沿水平或者垂直方向在某一范围内滚动条，QScrollbar常用于空间位置的变化，比如，一幅大的图像。
QFrame类 有框架的窗口控件的基类。它也被用来直接创建没有任何内容的简单框架，但是通常要用到QHBox或QVBox，因为它们可以自动布置放到框架中的窗口控件。...PyQT主要控件 QLabel控件 用来显示文本或图像 QLineEdit窗口控件 提供了一个单页面的单行文本编辑器 QTextEdit窗口控件 提供了一个单页面的多行文本编辑器 QPushButton...要么通过按向上/向下键增加/减少当前显示值，要么直接将值输入到输入框中 QScrollBar窗口控件 提供了一个水平的或垂直的滚动条 QSlider控件 提供了一个垂直的或水平的滑动条 QComboBox...TextEdit 多行文本框 PlainTextEdit 纯文本编辑框 SpinBox 数字选择控件 DoubleSpinBox 小数选择控件 TimeEdit 时间编辑控件 DateEdit 日期编辑框...DateTimeEdit 日期时间编辑框 Dial 旋钮 HorizontalScrollBar 横向滚动条 VerticalScrollBar 垂直滚动条 HorizontalSlider 横向滑块
设定文本小写 .text-uppercase 设定文本大写 .text-capitalize 设定单词首字母大写 .initialism 显示在 元素中的文本以小号字体展示，且可以将小写字母转换为大写字...将所有列表项放置同一行 .pre-scrollable 使 元素可滚动，代码块区域最大高度为340px,一旦超出这个高度,就会在Y轴出现滚动条 【文字颜色样式】 .text-muted 柔和的文本...时会创建水平滚动条，如果可视区域宽度大于 992px 则显示不同效果（没有滚动条）,示例: .table-responsive...默认是左对齐 .dropdown-header 下拉菜单标题 .dropdown-item 下拉菜单列表项目 .dropdown-divider 在下拉菜单中创建一个水平的分割线 .active 启用指定下拉菜单列表项目...进度条容器类，用height来定义进度条的高度 .progress-bar 定义一个进度条，用width百分比值来定义进度条的长度 .progress-bar-striped 定义带条纹的进度条 .progress-bar-animated
Box一般情况下，我们创建一个应用程序选的是Main Window;选择后进入到Qt Designer的设计界面：图片2.1 窗口部件盒（Widget Box）最左侧的就是Widget Box；图片所有同类的控件会在一起显示...；2.2 Layouts布局Layouts是Qt Designer支持的4中布局；图片布局说明 示例Vertical Layout 竖直布局图片Horizontal Layout水平布局 图片Grid...Edit日期编辑框图片Date/Time Edit日期/时间编辑框图片Dial圆表盘图片Horizontal Scroll Bar水平滚动条 图片Vertical Scroll Bar 垂直滚动条图片...标签图片Text Browser文本浏览器图片Graphics View图象视图 图片Calendar Widget日历小部件图片LCD NumberLCD数字 图片Progress Bar进度条图片Horizontal...Line 水平条图片Vertical Line垂直条 图片openGL widget开放图形库小部件图片3 部件属性比如LCD数字部件的属性如下：图片比如QWidget部件属性：图片图片
通过ScrollTrigger使用最少的代码创建令人叹为观止的滚动动画。...可以在进入/离开定义的区域或将其直接链接到滚动栏时在动画上执行操作（播放、暂停、恢复、重新启动、反转、完成、重置）。 延迟动画和滚动条之间的同步。 根据速度捕捉动画中的进度值。...嵌入滚动直接触发到任何 GSAP 动画（包括时间线）或创建独立实例，并利用丰富的回调系统做任何您想做的事。 高级固定功能可以在某些滚动位置之间锁定一个元素。 灵活定义滚动位置。 支持垂直或水平滚动。...丰富的回调系统。 当窗口调整大小时，自动重新计算位置。 在开发过程中启用视觉标记，以准确查看开始/结束/触发点的位置。...在滚动记录器处于活动状态时，如将active类添加到触发元素中：toggleClass: "active" 使用 matchMedia() 标准媒体查询为各种屏幕尺寸创建不同的设置。
通过ScrollTrigger使用最少的代码创建令人叹为观止的滚动动画。...可以在进入/离开定义的区域或将其直接链接到滚动栏时在动画上执行操作（播放、暂停、恢复、重新启动、反转、完成、重置）。延迟动画和滚动条之间的同步。根据速度捕捉动画中的进度值。...嵌入滚动直接触发到任何 GSAP 动画（包括时间线）或创建独立实例，并利用丰富的回调系统做任何您想做的事。高级固定功能可以在某些滚动位置之间锁定一个元素。灵活定义滚动位置。支持垂直或水平滚动。...丰富的回调系统。当窗口调整大小时，自动重新计算位置。在开发过程中启用视觉标记，以准确查看开始/结束/触发点的位置。...在滚动记录器处于活动状态时，如将active类添加到触发元素中：toggleClass: "active"使用 matchMedia() 标准媒体查询为各种屏幕尺寸创建不同的设置。
本文重要内容 CSS的单位 字体属性 文本属性 定位属性：position、float、overflow等 CSS的单位 html中的单位只有一种，那就是像素px，所以单位是可以省略的，但是在CSS中不一样...这样可以保证，它们的差一定偶数，就能够被2整除。 如何让单行文本垂直居中 小技巧：如果一段文本只有一行，如果此时设置行高 = 盒子高，就可以保证单行文本垂直居中。这个很好理解。...上面这个小技巧，只适用于单行文本垂直居中，不适用于多行。如果想让多行文本垂直居中，还需要计算盒子的padding。...文本属性 CSS样式中，常见的文本属性有以下几种： letter-spacing: 0.5cm ; 单个字母之间的间距 word-spacing: 1cm; 单词之间的间距 text-decoration...vertical-text : IE6.0 用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。 wait : 用于标示程序忙用户需要等待的光标。通常是沙漏或手表的形状。
CSS用户界面样式 所谓的界面样式， 就是更改一些用户操作样式， 比如 更改用户的鼠标样式， 表单轮廓以及 防止表单域拖拽等。但是比如滚动条的样式改动受到了很多浏览器的抵制，因此我们就放弃了。...最直接的写法是 ： outline: 0; 或者 outline: none; 防止拖拽文本域resize resize...：none 这个单词可以防止 火狐 谷歌等浏览器随意的拖动 文本域。...; 多行文本溢出显示省略号： 有较大兼容性问题，适合于webkit内核浏览器或移动端。...*/ -webkit-line-clamp: 2; /*设置或检索伸缩盒子对象的子元素排列方式*/ -webkit-box -orient: vertical;(垂直居中) 实际开发中更推荐让后台人员作此效果
textarea cols:多行输入域的列数 rows:多行输入域的行数 其他语义化标签 div盒子 俗称盒子,division分割 在网页制作过程中，可以把一些独立的逻辑部分划分出来，放在一个...什么是逻辑部分，它是页面上相互关联的一组的元素，如网页中的独立的栏目版块，就是一个典型的逻辑部分。...italic文本斜体显示 oblique文本倾斜显示 文本属性 行高line-height 文本水平对齐方式 text-align left,center,right 文本所在行高的垂直对齐方式...vertical-align baseline默认 sub垂直对齐文本的下标 super垂直对齐文本的上标 top对象的顶端与所在容器的顶端对齐 text-top对象的顶端与所在行文字顶端对齐...内容会被修剪，但是浏览器会显示滚动条以便查看其余内容 auto 如果内容被修剪，则浏览器会显示滚动条以便查看 边框颜色： outline input文本框入框自带边框，我们可以通过outline修改边框
: 多行文本框组件 ; TextField : 单行文本框 ; Button : 按钮组件 ; Canvas : 画布组件 , 用于 绘图 的组件 ; Checkbox : 复选框组件 ; CheckboxGroup...Panel : 容器组件 , 该容器不能单独显示 , 必须放在窗口组件 如 Frame 中 才可显示 ; ScrollBar : 滑动条组件 , 使用滑动条时需要指定其 方向 , 初始值 , 最大值..., 最小值 等信息 ; ScrollPan : 带滚动条的容器组件 , 可水平滚动 或 垂直滚动 ; 二、AWT 常用组件示例 ---- 代码示例 : import javax.swing.*; import...TextArea textArea = new TextArea(5, 30); textArea.setText("多行文本\n第一行\n第二行");...frame.pack(); frame.setVisible(true); } } 执行效果 : 向多行文本框中输入文本 : 下拉框展示 : 复选框展示
欢迎 点赞✍评论⭐收藏前言Winform控件是Windows Forms中的用户界面元素，它们可以用于创建Windows应用程序的各种视觉和交互组件，例如按钮、标签、文本框、下拉列表框、复选框、单选框、...作为绘制图形的容器，可以在Panel控件上进行自定义图形的绘制，如绘制曲线图、柱状图等。...= Color.White; //设置Panel的背景颜色 panel1.AutoScroll = true; //启用Panel的自动滚动功能}在Panel中添加滚动条，以便用户可以滚动Panel...例如，在Form_Load事件处理程序中添加以下代码：ScrollBar vScrollBar = new VScrollBar(); //创建垂直滚动条vScrollBar.Dock = DockStyle.Right....VerticalScroll.Value = e.NewValue; //将Panel的垂直滚动位置设置为滚动条的值}这是一个简单的使用Winform中Panel控件的完整案例。
领取专属 10元无门槛券
手把手带您无忧上云
