首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

【鸿蒙 HarmonyOS】UI 组件 ( 单选按钮 | RadioButton 与 RadioContainer 组件 )

文章目录 一、RadioButton 与 RadioContainer 组件 二、监听 RadioContainer 选择事件 三、GitHub 地址 一、RadioButton 与 RadioContainer...组件 ---- RadioButton 组件就是单选按钮 ; 给出 3 个 RadioButton 按钮 , 使用 RadioContainer 编组后 , 只能 3 选 1 , 同一时刻..., 只能有单个按钮处于选中状态 ; RadioContainer 组件是单选按钮的编组组件 , 可以将若干 RadioButton 放到 RadioContainer 标签中 , 这些 RadioButton...; 下图是使用远程鸿蒙模拟器显示单选按钮 ; 二、监听 RadioContainer 选择事件 ---- 调用 RadioContainer 对象的 setMarkChangedListener...super.onStart(intent); super.setUIContent(ResourceTable.Layout_ability_main); // 获取文本组件

1.5K00
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    checkbox(复选框)和radio(单选按钮)的区别与详解

    选中和取消 选中一个 checkbox(复选框) 后,再次点击它,即可取消选中 选中一个 radio(单选按钮) 后,再次点击它,不能取消选中 checkbox“单选...checkbox,就必有相应个数的 checkbox 被选中 如果要实现只能同时选中一个 checkbox,可以用 js 代码来控制 也就是说,checkbox 所谓的“单选”是不受其 name...默认情况下(不设置name属性时),也是点了几个 radio 就有几个 radio 被选中,并且选中后再次点击不可取消选中,除非重置或者刷新页面等 但 radio 既然是单选按钮,肯定是可以实现单选的操作的...name 属性的值不相同来实现 如果有三个 radio 按钮,前两个的 name 属性的值是一样的,但第三个和前两个不一样,则前两个 radio 按钮,只能同时选中一个,第三个 radio 按钮可以和第一个或第二个同时被选中

    6K10

    Java学习笔记-全栈-web开发-01-HTML基础总览

    2.8.3 td 标签用于定义表格单元 td元素中的文本一般显示为正常字体且左对齐。 常用属性: align:用于设定单元格内容的对齐方式。...标签能够包含,可以是文本字段,复选框,单选框或提交按钮等。还可以包含 等。...输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。...其它常用属性: name:定义标签名称 value:定义标签值 size:定义输入字段的长度 maxlength:定义可输入最大字符个数 radio 定义单选按钮...其它常用属性: name:定义标签名称.注意,对于单选按钮,如果要想做到单一选择,多个radion的name值必一样。 value:定义标签值 checked:定义该标签默认被选中。

    2.6K20

    AWT常用组件

    类的构造方法 注意要点 文本域(TextArea) TextArea 的构造方法 参数scrollbars的静态常量值 复选框(Checkbox) Checkbox类的构造方法 单选按钮组的实现(结合使用..., int alignment) 实例化一个显示指定的文本字符串的新标签对象,其文本对齐方式为指定的方式 Label 对象不仅可在实例化时,指定文本对齐方式,还可在此后调用成员方法setAlignment...text) 实例化文本框对象,指定初始化文本 TextField(String text, int columns) 实例化文本框对象,指定初始化文本、列数 注意要点 TexField 对象常用的成员方法与文本内容的设置与获取有关...单选按钮组的实现(结合使用CheckboxGroup类) 单选按钮是一种输入信息的组件,拥有“状态”的特性,通过鼠标单击单选按钮的操作可以将其状态从“true” 更改为“false”,或从“false”...作为同一组的多个单选按钮组件是互斥的,即每一时刻只能有一个组件的状态为“true”,从而实现单项选择。 在AWT中,单选按钮对象的创建也是通过 Checkbox类实例化的。

    9910

    JavaWeb01轻松掌握HTML(Java真正的全栈开发)

    根据不同的type属性值,输入字段有很多种形式,输入字段可以是文本字段,复选框,掩码后的文本控件,单选按钮,按钮等....value:定义标签值(默认值) size:定义输入字段的长度(密码框的宽度) maxlength:定义可输入最大的字符个数 radio:定义单选按钮(单选框或者单选按钮...-- input 标签 type=”radio“ 时 为单选框或者单选按钮 name:规定单选框的名称,通过name进行数据传递,分组。 value:实际上提交的数据。 checked: 默认选择。...标签能够包含,可以是文本字段,复选框,单选框或提交按钮等.还可以包含 等....根据不同的 type 属性值,输入字段拥有很多种形式.输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等.

    5.2K50

    WEB入门二 表格和表单

    最后,通过举例讲解表格与表单的综合应用。 核心技能部分 1.1 表格基础 表格对于网页制作而言极其重要,其最明显的优点是能够以行列整齐的形式来显示文本、数字、图片信息。...在网上冲浪时,我们经常会见到一些常用的元素,例如:让用户输入姓名的单行文本框,让用户输入密码的密码框,让用户选择性别的单选按钮以及让用户提交信息的提交按钮等。不同的表单元素有不同的用途。...图2.1.14 多行文本框 4. 单选按钮 将元素的type属性设为radio就可以创建一个单选按钮。...单选按钮控件用于一组相互排斥的值,组中的每个单选按钮必须具有相同的名称,用户一次只能选择一个选项。单选按钮需要一个显式的value属性。...图2.1.15 单选按钮 5. 复选框 将元素的type属性设为checkbox就可以创建一个复选框。

    9410

    Python打包GUI界面组件汇总,Tkinter(TK)实例代码

    "3",fg="black") #在窗体上创建按钮3实例 btn1.pack(side="top") #在窗体顶端对齐设置按钮1 btn2.pack(side="top") #在窗体顶端对齐设置按钮2...个字符宽的单文本输入框 e_show.pack(side="left") #单文本框在窗体左对齐设置(3) # ============================================...= Text 单行文本组件 t_show=Text(master,width=10,height=4) #创建多行输入框 t_show.pack(side="bottom") #多行文本框在窗体底对齐设置...=Radiobutton(master,text="One",variable=v,value=1) #创建单选框 r_show.pack(anchor=W) #单选框定位于窗体西边 # ======...1 e1.pack() #在标签框架里顶对齐文本输入框1 e2=Entry(lf_show,width=10) #在标签框架容器里增加文本输入框2 e2.pack() #在标签框架里顶对齐文本输入框2

    6.9K21

    图形化界面的开发(GUI)_Tkinter库的使用-3(Button+Radiobutton+Checkbutton)

    | | 12 |justify | 它说明了多个文本行的表现方式。它被设置为LEFT表示左对齐,RIGHT表示右对齐,CENTER表示中心。...Radiobutton 可以包含文本或图像,每一个按钮都可以与一个 Python 函数相关联。当按钮被按下时,对应的函数会被执行。...与列表框控件(Listbox)不同的是,单选框控件(Radiobutton)只能选择一个值,而列表框控件可以选择一个或多个值。...,但与 Radiobutton单选框控件不同的是,Checkbutton复选框控件不仅允许用户选择一项,还允许用户同时选择多项。...| | indicatoron | 默认为 True,表示是否绘制用来选择的选项的小方块,当设置为 False 时,会改变原有按钮的样式,与单选按钮相同

    9310

    HTML表单

    这些小部件可以是文本字段(单行或多行)、选择框、按钮、复选框或单选按钮; HTML表单和常规HTML文档的主要区别在于,大多数情况下,表单收集的数据被发送到web服务器; form表单 所有的...password 密文密码 date 日历展示 radio 单选 -> 多个选项标签需要有相同的name属性默认选中需要额外配置checked='checked' 当属性名与属性值相等的时候可以简写checked...*/ border-color: #000; } textarea { /* 使多行文本输入框和它们的label正确对齐 */ vertical-align: top; /* 给文本留下足够的空间...*/ height: 5em; } .button { /* 把按钮放到和文本输入框一样的位置 */ padding-left: 90px; /* 和label的大小一样 */ } button...{ /* 这个外边距的大小与label和文本输入框之间的间距差不多 */ margin-left: .5em; } <form action=

    4K10

    从零开始学 Web 之 HTML(三)表单

    " 内容顶部对齐 valign=" middle" 内容居中对齐 valign="bottom" 内容底部对齐 9、补充:细线表格 1

    cols:控制输入字符的长度 rows:控制输入字符的行数 8、文本上传控件 1 9、文件提交按钮...11、图片按钮 1 图片按钮可实现信息提交功能 12、重置按钮 1 将信息重置到默认状态

    2.9K30

    Material Design — 菜单(Menus)

    菜单出现在与按钮,操作或其他控件的交互中。菜单显示的是一个一行只有一个选项的选项列表。 如果不适用于某个情景,菜单项可能被禁用。 情景中的菜单应该根据app的当前的状态动态地更改其中的菜单选项。...行为 滚动 替代 Simple Dialogs ---- 用法 菜单是与按钮,动作,点或其他控件交互时出现的临时材料,至少包含两个菜单项。...·与当前情景无关的菜单项可能会被删除 ·与情景相关但需要满足某些条件的菜单项可能被禁用(如置灰)。 例如,当选择文本后,“复制”这个菜单选项才变为可选择项。...取消选择 触摸菜单外部或按下系统“后退”按钮,取消操作并关闭菜单。 ? 简单菜单 ·打开时,简单菜单会尝试将当前选定的菜单项目与列表项目垂直对齐。 当前选择的菜单项突出显示(如下图)。 ?...·简单的菜单总是与列表项文本的开头左对齐,并且不会基于点击位置重新水平定位(如下图)。 ?

    5.8K100

    超全的Android组件及UI框架

    右对齐父容器 android:layout_alignParentTop    顶部对齐父容器 android:layout_alignParentBottom    底部对齐父容器 android...EditText 输入框 EditText 继承于 TextView 2.1 常用属性 android:inputType :对输入文本类型进行限制 文本类型,多为大写、小写和数字符号 android...RadioButton 单选按钮 5.1 常用属性 RadioButton 单选按钮就是只能够选中一个,所以我们需要把 RadioButton 放到 RadioGroup 按钮组中,从而实现单选功能...RadioGroup 单选按钮组 6.1 常用属性 要实现 RadioButton 的 单选功能,需要把所有的 RadioButton 放到 RadioGroup 里面  用于将几个 RadioButton... 组在一起形成单选按钮组,实现单选功能,也就是选中一个,会取消其它选项的选中 RadioGroup 只提供了一个 XML 属性 android:checkedButton 用于指定初始化时选中的 ID

    6.2K30

    HTML入门

    个,h1~h6, h1是─级标题,最大;h6是六级标题,最小 align align是标题的重要属性,能够决定标题中文字的显示位置 标题标签一共有6个 align属性可以设置文本对齐方式...">center:居中对齐方式 right:右对齐方式 水平线和换行 或 是水平线标签 html文档中无法使用回车进行换行...、单元格与边框的间隙 cellpadding: 单元格中内容与单元格的间隙 align: 设置表格在页面中的位置; 设置tr/td中文字对齐方式 bgcolor: 设置表格、tr、td的背景色 列表与表单标签...value优先级高于placeholder placeholder:字体颜色浅;当光标定位到框中,光标在框的最前面,可以直接输入值 单选框和复选框 name属性用来将单选框/复选框限制成为一组复选框的name...文本域也叫做多行文本框\ 多行文本框: 其他属性

    2.9K40

    高职考技能提升教程006期 textbox文本框综合运用 VB语言 高考信息技术必备

    文字讲解: 高职考技能提升教程 textbox文本框综合运用 界面设计 ? 要求 1....(每个属性1分,共14分) 3. (4分)单击单选按钮控件数组中的任一个按钮触发一个共享事件(单击“左对齐”,文本框显示“文字左对齐”,单击“居中”,文本框显示“文字居中”,单击“文字右对齐”,文本框显示...“文字右对齐”); 4. (4分)单击组合框中的“黑体”,文本框显示“字体设置为黑体”,单击组合框的“幼圆”,文本框显示“字体设置为幼圆”,单击组合框的“楷体”,文本框显示“字体设置为楷体”; 5. (...7分)单击“可编辑”命令按钮,文本框显示“可编辑文字”,且文本框获得焦点,可编辑文字;单击“不可编辑”命令按钮,文本框显示“不可编辑文字”,且文本框不可编辑; 6. (1分)保存工程文件和窗体文件,生成可执行文件...总结 1、界面设计要颜色按照题目要求 2、文字的对齐方式有简便方法 3、combobox控件的下拉点击事件用的click 4、读题的细节方面重要! 软件设计界面: ?

    1.1K20
    领券