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

Flutter Button(按钮控件

本文介绍Flutter中常用按钮控件,包括:MaterialButton 、RaisedButton 、FlatButton 、IconButton 、FloatingActionButton 、OutlineButton...有一个onPressed属性来设置点击回调,当按钮按下时会执行该回调,如果不提供该回调则按钮会处于禁用状态,禁用状态不响应用户点击。 1、按钮点击示例 ?...IconButton 图标按钮,只能是纯图标,按钮不可展示文案。 FloatingActionButton 浮动按钮,可显示文字和图标,二者选其一。...OutlineButton 外边框按钮,可设置按钮外边框颜色。 ButtonBar 水平布局的按钮容器,可放置多个Button或Text。...appBar: new AppBar( title: new Text("按钮控件"), ), floatingActionButton: new FloatingActionButton

7.3K11
您找到你想要的搜索结果了吗?
是的
没有找到

切换按钮-自定义控件

准备两张图片,按钮背景,上面的小开关 创建一个类MyToggleBtn,继承View 实现三个构造方法,传递上下文, 实现构造方法,传递Context对象,在java代码中实例化时主要使用这个 实现构造方法...drawBitmap()方法,参数:Bitmap对象,左边点(0),上边点(0),Paint对象 获取Paint对象,new出来 调用Paint对象的setAntiAlias(),设置抗锯齿,参数:布尔值 滑动按钮...滑动按钮目前的位置,0,0,状态是 关 canvas.drawBitmap(bitmapBtn, 0, 0, paint); 滑动按钮的位置在,背景图的宽度-滑动按钮的宽度,0,状态是 开 canvas.drawBitmap...(bitmapBtn, 背景图的宽度-滑动按钮的宽度, 0, paint); 定义成员变量currentState存储当前状态,值:布尔值 调用setOnClickListener()方法,设置点击事件...currentState 判断当前状态 如果为真,滑动按钮的左边是背景图的宽度-滑动按钮的宽度 如果为假,滑动按钮的左边是0 调用invalidate()方法,刷新当前视图 MyToggleBtn.java

1.6K20

按钮和复选框控件

概述 本篇文章介绍Android SDK中的按钮和复选框控件。...按钮可以分为多种,例如普通按钮(Button)、图像按钮(ImageButton)、选项按钮(RadioButton)、复选框(CheckBox)等 ---- Button 官方介绍 Class Overview...我们这个文件一般都是用作控件的Backgroup或者selector总之就是背景状态,一般背景都是把控件的后面全部覆盖,但有的时候我们要设置设固定的大小,比如一个Button有300*200大,而设置这个...这个是当一个组件被checked 或者没有checked 的时候的状态,也就是说只有在可checkable上面的组件才有作用的,一般常见的就是多选按钮组与单选按钮组里面的项,这个才有作用的。...这个是当获得焦点的时候的状态,就是当控件高亮的时候的状态,哪些情况可以造成此状态呢,比如说,轨迹球(有的手机上面有一个小球,可以用手指在上面向不同的方向滚动,滚动的时候,界面里面的焦点,就会转向滚动的方向的控件

1.2K20

Qt For Python按钮控件使用实例

从本篇开始,我们来了解一下PyQt5和PySide2中基础控件的使用,其中包括: 按钮控件; 文本输入控件; 单选控件; 文本标签控件; 多选控件; 列表控件; 等图形界面开发中常用的控件,今天我们来介绍按钮控件...创建一个按钮 在PyQt5/PySide2中,按钮控件名为QPushButton(),其位于QtWidgets子模块之下。...在创建按钮控件之前,我们先来创建一个包含布局层的图形界面主窗口,作为按钮控件的容器,代码如下所示: # coding:utf-8 from PyQt5 import QtWidgets import sys...我们使用setFixedSize()方法设置了窗口的固定大小,然后设置了窗口内控件的布局为垂直布局。下面,我们往里面添加按钮控件。...直接实例化一个带文本的按钮控件 我们可以直接实例化一个带字符串参数的QPushButton()来创建一个按钮,例如: self.btn_1 = QtWidgets.QPushButton("按钮一")

4.1K10

Qt编写自定义控件9-导航按钮控件

一、前言 导航按钮控件,主要用于各种漂亮精美的导航条,我们经常在web中看到导航条都非常精美,都是html+css+js实现的,还自带动画过度效果,Qt提供的qss其实也是无敌的,支持基本上所有的CSS2...悬停文字颜色/选中文字颜色 8:可设置背景颜色为画刷颜色 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef NAVBUTTON_H #define NAVBUTTON_H /** * 导航按钮控件...超过150个精美控件,涵盖了各种仪表盘、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏,flatui、高亮按钮、滑动选择器、农历等。...每个控件都有一个对应的单独的包含该控件源码的DEMO,方便参考使用。同时还提供一个所有控件使用的集成的DEMO。 每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。...每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。 部分控件提供多种样式风格选择,多种指示器样式选择。 所有控件自适应窗体拉伸变化。

2.4K30

交互设计控件按钮设计

一.主按钮和次按钮 很多按钮是成对出现的,比如“确定”和“取消”。一般情况下,按钮会有主次之分,一个按钮是我们期望用户去做的,另一个按钮是在特殊情况下才去做的。...主次按钮要有所区分,最简单的做法就给它们用上不同的颜色——主按钮用显眼一点的颜色,而次按钮用淡一点的颜色。...四.按钮设计 按钮是最重要的交互控件,在设计按钮的时候以下的建议可以作为参考。 1.让按钮看上去像一个按钮。...2.按钮的标签 按钮的标签内容应该清晰地让用户知道点击按钮后会发生的事情。 3.重要按钮 如果一个按钮很重要,那你就必须让它看上去很重要——更突出的颜色,更中心显眼的位置,更强烈的提示,等等。...4.按钮的形状 一般情况下,按钮是一个矩形,或者两边带有圆弧的矩形。这是最让人熟知的按钮的形状。 按钮也可以是圆形,但使用的时候要十分注意。 有些扁平化的按钮形式在Android里也很常见。

1.6K50

Qt编写自定义控件8-动画按钮控件

一、前言 动画按钮控件可以用来当做各种漂亮的导航条用,既可以设置成顶部底部+左侧右侧,还自带精美的滑动效果,还可以设置悬停滑动等各种颜色,原创作者雨田哥(QQ:3246214072),驰骋Qt控件界多年.../** * 动画按钮控件 作者:feiyangqingyun(QQ:517216493) 2018-9-12 * 参考雨田哥(QQ:3246214072) https://blog.csdn.net...超过150个精美控件,涵盖了各种仪表盘、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏,flatui、高亮按钮、滑动选择器、农历等。...每个控件都有一个对应的单独的包含该控件源码的DEMO,方便参考使用。同时还提供一个所有控件使用的集成的DEMO。 每个控件的源代码都有详细中文注释,都按照统一设计规范编写,方便学习自定义控件的编写。...每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。 部分控件提供多种样式风格选择,多种指示器样式选择。 所有控件自适应窗体拉伸变化。

1.6K30

Qt编写自定义控件11-设备防区按钮控件

一、前言 在很多项目应用中,需要根据数据动态生成对象显示在地图上,比如地图标注,同时还需要可拖动对象到指定位置显示,能有多种状态指示,安防领域一般用来表示防区或者设备,可以直接显示防区号,有多种状态颜色指示...,例如布防、撤防、旁路、报警、离线、在线等状态,可以作为一个通用的设备按钮对象使用。...可设置显示的防区号 5:可设置是否可鼠标拖动 三、效果图 [在这里插入图片描述] 四、头文件代码 #ifndef BUTTONDEFENCE_H #define BUTTONDEFENCE_H /** * 防区按钮控件...、进度条、进度球、指南针、曲线图、标尺、温度计、导航条、导航栏,flatui、高亮按钮、滑动选择器、农历等。...每个控件默认配色和demo对应的配色都非常精美。 超过130个可见控件,6个不可见控件。 部分控件提供多种样式风格选择,多种指示器样式选择。 所有控件自适应窗体拉伸变化。

59600

切换按钮-自定义控件-拖动效果

定义手指最后的坐标lastX 调用MotionEvent对象的getX() 方法,得到lastX的值 当手指在屏幕上移动 定义手指横向移动的距离dis 调用getX()-lastX就是移动的距离 定义滑动按钮的左边就是这个移动的距离...判断slideBtnLeft位于合理的位置,0到背景图的宽度-滑动按钮的宽度 调用invalidate()方法,刷新视图 onClick事件和onTouchEvent是有冲突 定义一个标志isDrag...变量,如果有拖动发生,就把这个变量赋值true 在onCllick()方法里面对这个变量进行判断 当手指抬起的时候 判断当前slideBtnLeft来确定当前按钮是开还是关的状态 slideBtnLeft...(), bitmapBackground.getHeight()); } //当前状态 private boolean currentState=false; //滑动按钮的当前...Canvas canvas) { //绘制背景 canvas.drawBitmap(bitmapBackground, 0, 0, paint); //绘制滑动按钮

1.2K20

(二)c#Winform自定义控件-按钮

前提 入行已经7,8年了,一直想做一套漂亮点的自定义控件,于是就有了本系列文章。...net_winform_custom_control.git 如果觉得写的还行,请点个 star 支持一下吧 目录 https://www.cnblogs.com/bfyx/p/11364884.html 准备工作 该控件将继承基类控件...UCControlBase,如果你还对UCControlBase不了解的下, 请移步 (一)c#Winform自定义控件-基类控件 查看 首先我们了解下要做的是什么,我们需要做一个可以自定义填充颜色,...有圆角边框,有角标的按钮 开始 添加一个用户控件,命名为UCBtnExt ,继承 UCControlBase 先来看看我们按钮需要支持的属性吧 1 #region 字段属性 2 [Description...43 /// 44 [Description("按钮字体颜色"), Category("自定义")] 45 public Color

1.3K20

Stimulsoft.Report.web viewer控件添加按钮

当你购买了带源码的时候,你可以对源码进行修改以达到自己想要的效果,比较这里讲到的,向viewer控件工具栏添加按钮。 通过源码目录可以看出我们需要修改的有两部分代码 ?...红色方块圈中的部分,【StiWebViewer】这个就是控件代码,【Toolbar】这个是控件按钮 我们这里添加一个按钮(StiShowLogoToolButton)来看看 1、在Toolbar文件夹下添加个类...StiShowLogoToolButton, 这个类的代码其实很简单,你可以参考其他button按钮的代码 using Stimulsoft.Base.Localization; namespace...this.ViewState["ShowLogoButton"] = value; } } 3、StiToolBar.cs里开始添加按钮上来...AddShowLogoButton() 4、至于怎么判断你点击了按钮呢?

79910

MFC应用程序——标签控件_IP控件_时间控件_List Control控件_Tree Control控件_命令按钮_列表框_组合框_图片_滚动控件「建议收藏」

树 形视图中以分层结构显示数据,每层的缩进不同,层次 越低缩进越多。树形控件的节点一般都由标签和图标两 部分组成,图标用来抽象的描述数据,能够使树形控件 的层次关系更加清晰。...【按钮控件简介】 按钮控件包括命令按钮(Button)、单选按钮(Radio Button)和复选 框(Check Box)等。...命令按钮就是我们前面多次提到的狭义的按钮控件, 用来响应用户的鼠标单击操作,进行相应的处理,它可以显示文本也可以嵌 入位图。...单选按钮使用时,一般是多个组成一组,组中每个单选按钮的选中 状态具有互斥关系,即同组的单选按钮只能有一个被选中。 1、命令按钮是最常用的一种按钮控件 2、单选按钮和复选框都是一种比较特殊的按钮控件。...单选按钮有选中和未选 中两种状态,为选中状态时单选按钮中心会出现一个蓝点,以标识选中状态。

2.5K10

安卓开发_单选按钮控件(RadioButton)的简单使用

最近复习安卓基础的时候发现没有写关于单选按钮、复选按钮的博客,可能因为以前学习的时候感觉太简单了就没有写,现在补上吧 当我们在各种客户端注册账号的时候,会有几项单选项,比如选择您的性别。...下面就是学习怎么实现这种效果 一、安卓中,单选按钮用RadioButton表示,因为RadioButton是Button的子类,所以可以使用Button的各种属性 RadioButton一般是不单独使用的需要结合...RadioGroup控件一起使用,将若干个RadioButton放在一个RadioGroup中,那么将只能选择RadioGroup中的某一个RadioButton 比如讲 语文、数学,英语放在“你最喜欢的课程中...Auto-generated method stub 50 51 for(int i = 0;i<radiogroup.getChildCount();i++) //循环按钮组子按钮的数量次...Toast.makeText(Ui_RadioButton.this, "点击提交按钮时获取的单选按钮的值为:"+str, 1).show(); 59 break

3.1K70

WordPress主题 之后台添加控制切换按钮表单控件

上一篇文章我们说到加灯笼,在给新站加灯笼的时候想着给后台加一个控制开关,来控制前台是否显示灯笼控件。效果图片图片实例: 基于日主题由于PHP基础薄弱,IF多层嵌套逻辑没有搞清。...本来想加手机端和主页外页面显示控制,就改成注释自助修改了 图片首先逻辑就是 先创建一个类控制按钮切换,然后用if判断引入这个id,再在if判断内写要放入的内容。大功告成。...至于切换器 下一层的 切换器,和文本框(没写功能,仅供参考)后台添加控制按钮 详解图片代码 array( 'id' => 'post_copyright_sdl',...//控制按钮ID名 'type' => 'switcher',//属性 按钮 'title' => '网站顶部挂新年灯笼',

1.4K10
领券