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

AngularDart Material Design 单选按钮

MaterialRadioComponent Selector: 具有材料风格单选按钮。 通常与material-radio-group一起使用。...选中后,无法通过用户操作取消选中相同单选按钮。 焦点键盘交互有点不寻常,因此我们管理自己流而不是使用FocusItemDirective。...Attributes: no-ink - 设置此属性以禁用芯片上涟漪效应。 Inputs: checked bool  是否应该预先选择按钮。...每个辅助功能指南: SPACE选择 箭头键将焦点移至下一个/上一个选项并选择它 CTL +箭头键无需选择即可移动焦点 当使用箭头导航时,焦点将环绕到第一个/最后一个选项 当使用TAB导航时,如果选择任何内容...,焦点将转到未被禁用第一个或最后一个选项,具体取决于方向,否则焦点将转到所选内容(除非禁用,然后完全跳过组);并在第二个选项卡上跳出组。

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

    Qt Style Sheet实践(三):QCheckBox和QRadioButton

    单选按钮只允许用户在一组选项中选择一个,且当其中一个被选中时候,按钮组中其他单选按钮自动取消。复选框则可以让用户同时选中多个选项,这在多项选择情况下非常有用。...单选按钮和复选框应用广泛,在WEB表单、软件配置界面常常是不可或缺元素。这篇博文主要讲述Qt中单选按钮和复选框如何通过样式表进行外观定制。...这样,当一个按钮选中时候其他选中按钮将被自动取消。但是缺点是:如果我们想要获取当前被选中按钮是哪一个,不太方便判断。一个简单而粗暴方法是,循环遍历每个单选按钮状态进行检查。...因此,我们需要做是将所有的单选按钮添加进去,之后通过QButtonGroup方法可以快速查询按钮状态。...{ # 按钮禁用状态 image: url(:/buttonbg/radio_disable); } QRadioButton::indicator:unchecked { # 选中时状态

    9.5K60

    【译】W3C WAI-ARIA最佳实践 -- 表单

    将焦点移动到 menuitem 中下一个 menubar. 3....禁用菜单项是可聚焦,但无法激活。 2. 菜单中separator不可聚焦或交互。 3....如果没有被选中单选按钮,那么将焦点设置在第一个单选按钮上。 Space: 如果该按钮还没有被选中,则选中当前聚焦单选按钮。...Right Arrow 和 Down Arrow: 移动焦点到组合中下一个单选按钮,取消选中先前聚焦按钮,并且选中新聚焦按钮。如果焦点在最后一个按钮上,焦点移动到第一个按钮。...如果按钮操作会导致上下文变更,例如,转到向导中下一步,或添加其他搜索条件,此时,可以将焦点移动到新操作起点。 如果使用快捷键激活按钮,焦点通常保留在激活快捷键上下文中。

    8.2K30

    后台系统设计(上篇:选择)

    常见类型: ·单选按钮 ·复选框 ·图标切换 ·切换开关 ·穿梭框/列表构造器 ·下拉菜单 一、单选按钮 允许用户从一组相互排斥选项中选择一个。通常,将一个选项定义为默认选择。 外观 常规: ?...·在用户与单选按钮交互时,请提供良好视觉反馈,且按钮本身状态提供良好能供性(默认、悬停、选中和禁用)。...·在用户与复选框交互时,请提供良好视觉反馈,且按钮本身状态提供良好能供性(默认、悬停、选中、禁用全选状态)。 讨论:仅有两个互斥选项(二元)是选择单选按钮还是复选框?...复选框和单选按钮之间主要差别是: 单选按钮给人更加直接示意,例如开启关闭,而复选只表达一面信息,因此它反面信息并不是非常直观,甚至对于某些用户而言,并不清楚勾选和不勾选所表达含义。...三、Icon button 图标按钮 图标按钮可以说是结合了单选按钮、复选框及命令控件变形形式,性质上存在互斥(单选)和非互斥(多选)。

    9.7K21

    Android 开发第七讲 RadioButton (单选按钮)

    Android 开发第七讲 RadioButton (单选按钮) 一丶重构代码 之前我们响应按钮事件都是直接通过匿名内部类方式. new一个对象来实现OnClick方法....true" 默认选中,使用这个属性那么 其他RadioButton必须设置ID android:button="@null" 去掉按钮属性,不使用小园框,自定义一个 <?...因为他们在一个组里面.所以只能单选 2.2 RadioButton实现自定义 实现自定义还是使用 android:background属性,来制定一个选择状态xml....来实现自定义选中和选中 但是前提要 设置 android:button="@null"才可以. 状态选择器XML如下 <?xml version="1.0" encoding="utf-8"?...自定义了一个实现效果 三丶RadioButton监听事件 既然是单选那么单选之后肯定会有监听事件 package com.ibinary.myapplication; import androidx.appcompat.app.AppCompatActivity

    1.4K10

    微信小程序 转发、分享、预览

    胶囊按钮分享胶囊就是右上角个位置,可以看到小程序分享按钮和分享到朋友圈按钮 默认是禁用灰色,需要配置对应api分享好友要想开启分享功能,需要设置onShareAppMessage方法,这个方法会监听用户点击页面内转发按钮...(button 组件 open-type="share")或右上角菜单“转发”按钮行为,并自定义转发内容。...id=123' } }, onLoad: function () { }, onShow: function(opt) { console.log(opt) }})或者按钮触发 <...一些组件或接口存在一定限制,详情见下文单页模式下限制章节页面无登录态,与登录相关接口,如 wx.login 均不可用;云开发资源需开启登录访问方可在单页模式下使用,详见登录模式。...不允许跳转到其它页面,包括任何小程序页面、其它小程序、微信原生页面不允许横屏使用若页面包含 tabBar,tabBar 不会渲染,包括自定义 tabBar本地存储与小程序普通模式不共用如图这个是从朋友圈打开页面图片图片图片实现代码如下

    74840

    流程引擎标准定义_开源流程引擎

    ,表单字段指定角色,上一步执行人/某一步执行人/发起人/流程所有参与人,相应角色可单选、多选以及能组合应用,比如“部门*岗位”表示相应部门这个岗位、“人员+岗位”表示相应人员或相应岗位的人、“某一步执行人...传阅情况 可以查看传阅对象那些已阅、那些阅读,针对已/阅读人员、全部人员、具体人员发送信息 指定具有该流程传阅后查看权限“人员、岗位、部门、群组”;如将收文文件传阅到各经理层,各经理层阅读、即回复情况哪些人员可以进行查阅...在流程处理时点击“退回”按钮,则流程就会退回到指定节点处;如果输入“退回节点”,则点击“退回”按钮时,自动退回到当前节点上一发送节点; “退回事务”框中可以选择节点退回时要执行事务;(在中止事务中再加以描述...下一节点 表示在流程中当前节点执行人处理完后,流转到下一个节点(如果录入“10,20”,则表示为并发节点,即当前节点完成后,流程并发给10和20这两个节点); 80....按钮名称 节点所有按钮,可以引用系统默认按钮名称,并动态支持多语言 86. 办理时限 时限设置 设置节点办理时限,配合超时提醒及事件 87.

    1K20

    架设邮件服务器-windows 2003 POP3服务,SMTP服务收发邮件「建议收藏」

    设置数之后,SMTP服务器将对邮件头“已收到”行中数进行计数,当“已收到”字段数值超过最大跳数设置时,邮件将被退回发件人,并附有传递报告(NDR),默认数值为15,最小为10,最大为256...,选中“为此邮箱创建相关联用户”单选按钮,在“密码”与“确认密码”密码框中为新建用户ln1设置密码,如图6-41所示,然后单击“确定”按钮。...图6-40 添加邮箱 图6-41 邮箱名 (4)在弹出“POP3服务”对话框中,提示已经创建了邮箱。选中“不再显示此消息”单选按钮,然后单击“确定”按钮,如图6-42所示。...图6-48 选磁盘属性 图6-49选配额项 (4)选中“将磁盘空间限制为”单选按钮,在此可以对启用磁盘配额后新创建用户邮箱大小进行设置,如图6-50所示。...单击“下一步”按钮,进入“区域类型”页面,选中“主要区域”单选项,如图5-46所示。

    6.1K21

    vue博客实战---博客首页开发

    每个菜单选项就是一个el-dropdown-item,在el-dropdown-item下我直接使用router-link进行跳转到对应界面。 ?...这边有一个小细节需要优化就是登陆/注册按钮和退出按钮不能同时显示,我们首先需要在data中设置变量flag,然后在mounted时候监听localStorage中是否有保存用户信息,如果处于登录状态则隐藏登陆.../注册按钮,如果处于登录状态,则隐藏注册/登陆按钮。...,点击子菜单直接跳转到对应界面: ?...接口实现完成我们回到article.vue中开始文章列表渲染工作,组件内放置一个class为contentdiv,使用v-for循环渲染文章列表,对文章标题和阅读全文按钮添加点击事件,点击按钮可以跳转到文章详情界面

    6.9K20

    Graph编程1--程序输入引脚功能和使用

    禁用互锁(顺控程序执行方式与满足互锁条件时相同)/重新启用类型:状态,由下一个上升沿复位 √ EN_SV ENABLE_SUPERVISIONS:禁用监控条件(顺控程序执行方式与不满足监控条件时相同...下一个上升沿信号到来时重新启用互锁条件。 EN_SV引脚作用:禁用所有步监控条件,所有的监控条件均认为不满足条件,不触发监控报警。下一个上升沿信号到来时重新启用监控条件。...下一个上升沿信号到来时取消确认功能。此时必须监控条件不满足时,同时转换条件满足后,自动运行到下一步。 EN_SSKIP引脚作用:激活步功能。...例如,图2中,当初始步激活时,Trans1和Trans2同时满足,如果激活步功能,则直接跳转到Step3,而Step2中所有动作都被跳过,未被执行。...如果禁止步功能,则会先运行Step2 中所有动作,然后再跳转到Step3。下一个上升沿信号到来时禁止步功能。

    6.7K31

    全栈开发工程师微信小程序-上(下)

    color 进度条颜色 activeColor 已选择进度条颜色 backgroundColor 选择进度条颜色 active 进度条从左往右动画 <progress percent="20...效果 button <em>按钮</em> size <em>按钮</em><em>的</em>大小 type <em>按钮</em><em>的</em>样式类型 plain <em>按钮</em>是否镂空,背景色透明 disabled 是否<em>禁用</em> loading 名称前是否带 loading 图标 open-type...获取焦点 confirm-type 设置键盘右下角<em>按钮</em><em>的</em>文字 confirm-hold 点击键盘右下角<em>按钮</em>时是否保持键盘不收起 cursor 指定focus时<em>的</em>光标位置 text 文本输入键盘 number...数字输入键盘 idcard 身份证输入键盘 digit 带小数点<em>的</em>数字键盘 confirm-type 有效值: send 右下角<em>按钮</em>为“发送” search 搜索 next <em>下一个</em> go 前往 done...disabled 是否<em>禁用</em> color radio<em>的</em>颜色 slider 滑动选择器 min 最小值 max 最大值 disabled 是否<em>禁用</em> value 当前取值 color 背景条<em>的</em>颜色 activeColor

    1.4K40

    android引导用户开启自启动权限方法

    前言: 最近在做项目的过程中遇到了以下一个需求,虽然看起来不难实现,但是在实现过程中遇到了各种坑,记录一下,今后方便查看!!!...需求: 用户第一次安装APP,点击授权按钮,跳转至授权页面(不同手机跳转到不同授权页面),用户授权成功之后,点击返回按钮,直接进入主页面 问题: 1.如何适配不同机型 2.不同机型授权页面显示不同弹窗...(比如三星显示悬浮窗,小米显示弹窗) 3.小米弹窗始终无法显示 4.在授权页面点击返回按钮,怎么直接跳转到主页面 问题1:适配不同机型 这个是借鉴一篇博文(忘记地方了,后边找到了再添加~~) public...步解决 问题4:在授权页面点击返回按钮,怎么直接跳转到主页面 逻辑梳理: Activity A——–点击请求授权—– 跳转至系统授权页——–点击back键——– 要求跳转到主页面(也就是MainActivity...,注意不是Activity A) 在实现过程中,就一直钻牛角尖,这个授权页面的Activity我也拿不到,怎么监听返回按钮呢???

    4.3K10

    word2010关闭文档时总有提示,怎么办

    今天学习一下怎么解决word2010关闭文档时提示:“您正在试图运行函数包含有宏或需要宏支持内容”怎么办? ?...然后在文件列表里面找到word程序,也就是“WINWORD.EXE”,选中文件,单击鼠标右键,在右键菜单选择“以管理员身份运行”,这里是重点,必须以管理员身份运行,这也是为什么我会要大家在office安装目录来打开...word程序,而不是随便打开一个文档原因,因为word文档是无法以管理员身份运行。...接着,点击左上角“文件”按钮,单击“选项”,在打开word选项界面左侧选择“信任中心”,再点击右边“信任中心设置”,接着在弹出窗口里面选择“宏设置”,选中“禁用所有宏,并且不通知”,点“确定”关闭窗口...我们回到word选项界面,这时我们再点击“加载项”,点击在底部“管理:COM加载项”右边转到按钮。 ? 在弹出窗口将几个加载项前面的勾去掉,确定保存。

    1.3K30

    Excel 实例:单因素方差分析ANOVA统计分析

    这是通过选择 Office按钮> Excel选项> Excel 中加载项或 从Excel 开始Excel版本中文件>帮助|选项>加载项 ,然后单击 窗口底部转到按钮来完成。...图3 –样本输入范围 在这种情况下,将范围B2:E9插入 (图2对话框)“ 输入范围”字段中,然后选择“ 列” 单选按钮。...如果按行而不是按列列出处理数据,则可以选择“ 行” 单选按钮,还可以选择“ 第一列中 标签” 复选框。...现在,您可以 从“ 输出” 选项中选择“ 新建工作表层”单选按钮 (并将数据字段保留为空白)。...或者,您可以选择“ 输出范围” 或“ 新工作簿” 单选按钮,以将报告置于您选择某个特定输出范围或新工作簿中。

    1.8K10

    《手把手教你》系列技巧篇(三十三)-java+ selenium自动化测试-单选和多选按钮操作-上篇(详解教程)

    1.简介   在实际自动化测试过程中,我们同样也避免不了会遇到单选和多选测试,特别是调查问卷或者是答题系统中会经常碰到。...2.什么是单选框、复选框?   单选按钮一般叫raido button,就像我们在电子版单选答题过程一样,单选只能点击一次,如果点击其他单选,之前单选被选中状态就会变成选中。...单选按钮点击,一样是使用click方法。多选按钮,就是复选框,一般叫checkbox,就像我们在电子版多选答题过程一样,可以选择多个选项,多选按钮点击,同样是使用click方法。...、复选框会有默认选中状况,那么有必要我在操做单选框或者复选框时候,先判断选项框是否为选中状态。...,如下小视频所示: 7.小结   注意定位单选或者多选时候,要定位前边选择框不是定位文字,否则或出现点击选择框没有反应效果。

    2K20
    领券