火山视窗选择框，分组框，单选框，状态条，工具条组件介绍

本源码转载自利快云https://www.lkuaiy.com/

火山视窗常用基础组件操作（上）

一、选择框

选择框组件主要作用就是提供多选选择能力，通过“标题”可设置标题属性。

如果想要判断是否选中，可通过“选中”属性判断即可，同样的“选中”属性也可以设置选中状态。

最后结果。

二、分组框

1、本组件主要提供分组能力，同时也是一个容器，如果在分组框内放一个组件，那么移动分组框的时候，内部的组件也会跟随移动。

2、选中分组框组件，通过右侧标题属性可设置标题。

三、单选框

1、单选框组件通常都是一组一组的出现，用于提供单项选择判断能力，通常情况下都需要放到一个容器中，比如：分组框。

2、按钮点击后判断单选框是否选中。

3、单选结果。

四、状态条

1、本组件主要作用用于显示一些软件状态信息，通常情况下位于窗口底部，所以这里选择“底边”。

2、通过项目属性可以设置初始信息。

3、点击插入可以插入内容，然后通过“内容文本”可以设置要显示的提示信息。

4、保存后会自动预览提示提示。

5、增加两个按钮，添加事件，用于动态添加栏目和修改栏目文本。

6、最终栏目可以新增，也可以正常修改。

五、工具条

使用工具条，首先需要制作一个图片组类似下图效果，一些列小图片拼接起来的图片效果，务必保证每个小图片都是相同的尺寸。

如果你不会PS可以用图片组制作工具进行制作：

火山视窗选择框，分组框，单选框，状态条，工具条组件介绍相关推荐

html表单设置单选框,html如何实现表单的选择框效果？单选框与多选框的实现（代码实例）...
在使用表单提交数据的时候,为了减少用户的一些操作,使用选择框是一个好主意.本章给大家介绍html如何实现表单的选择框效果?单选框与复选框的实现(代码实例).通过单选框代码和复选框代码实例,实现单选框样 ...
复选框(checkbox)、单选框（radiobox）的使用
复选框(checkbox).单选框(radiobox)的使用复选框: HTML: // 复选框 <input type="checkbox" name="chec ...
checkbox多选框，radio单选框
checkbox多选框,radio单选框一.checkbox多选框 1.语法 2.用法实例二.radio单选框 1.语法 2.案例一.checkbox多选框 1.语法 <input nam ...
java过去单选框选择的内容_java单选框默认选中
; { } 运行程序后,输出结果为: 3.以下程序段是图形界面设计中在一个框架上放置两个单选框,其中两个选项为"男"和"女" ,缺省情况下"男&qu ...
html滚动选择框代码,如何使用最简单纯Css代码美化checkbox复选框、radios单选框和滑动按钮...
最简洁的代码美化复选框.单选框和滑动按钮效果预览 1. 复选框 .switch { margin: 20px 20px 0 0; display: flex; align-items: center ...
Android用按钮确定单选框,Android RadioButton单选框的使用方法
Android RadioButton单选框的使用方法复制代码代码如下: public class MainActivity extends Activity { public RadioGrou ...
java写html的多选框,Selenium+java - 单选框及复选框处理
Selenium+java - 单选框及复选框处理一.什么是单选框.复选框? 二.被测页面html源代码 CheckBoxRadioDemo.html CheckBox.Radio练习案例复选框 ...
复选框如何实现单选框效果
复选框一般可以选择多个item,选中的项放到一个数组中,每个item之间不是互斥的效果而单选框一般是在同一个组中,组中的每个项彼此之间是互斥的,即:选择A,B就不能选,选择B,A就不能选那么,怎么 ...
CSS3重新定义input中呆若木鸡的默认复选框CheckBox和单选框Radio样式
<!DOCTYPE html> <html> <head><meta charset="UTF-8"><style>/* ...

火山视窗选择框，分组框，单选框，状态条，工具条组件介绍

火山视窗选择框，分组框，单选框，状态条，工具条组件介绍相关推荐

最新文章

热门文章