鸿蒙开发之Button按钮有哪些类型，如何通过代码设置（HarmonyOS鸿蒙开发基础知识）

最新推荐文章于 2024-08-02 22:52:58 发布
最新推荐文章于 2024-08-02 22:52:58 发布
阅读量3.7k 收藏 3
点赞数
分类专栏： HarmonyOS鸿蒙2023教程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iCloudEnd/article/details/108575607
版权
本文介绍了鸿蒙系统中Button的四种类型：普通、椭圆、胶囊和圆形按钮，详细讲解了每种类型的代码实现，并提供了一个场景示例——使用这些按钮构建拨号盘UI。同时，邀请读者加入QQ群进行技术交流。
摘要由CSDN通过智能技术生成

Button类型分类

按照按钮的形状，按钮可以分为：

  • 普通按钮
  • 椭圆按钮
  • 胶囊按钮
  • 圆形按钮
  • 其它

Button类型效果和代码

普通按钮

普通按钮和其他按钮的区别在于不需要设置任何形状，只设置文本和背景颜色即可，例如：
image.png

<Button
    ohos:width="150vp"
    ohos:height="50vp"
    ohos:text_size="27fp"
    ohos:text="button"
    ohos:background_element="$graphic:color_blue_element"
    ohos:left_margin="15vp"
    ohos:bottom_margin="15vp"
    ohos:right_padding="8vp"
    ohos:left_padding
了解本专栏 订阅专栏 解锁全文
知识大胖
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
HarmonyOS鸿蒙开发指南:基础组件 button开发指导
sybh的博客
01-09 1142
文本按钮（type=text），自适应文本大小，不支持尺寸样式设置（radius，width，height），背景透明不支持background-color样式。如果需要添加ohos.permission.INTERNET权限，则在resources文件夹下的config.json文件里进行权限配置。通过设置Button的type属性来选择按钮类型，如定义Button为圆形按钮、文本按钮等。在本场景中，开发者可根据输入的文本内容进行Button类型切换。
HarmonyOS应用开发-常用组件与布局
11-05
简单的登录页面
按钮组大总结，赶紧收着《二》
sxtweb的博客
08-31 1576
在网页中用户交互过程中，按钮是必不可少的重要组件之一，关羽它的设计与实现，我们在网页标签中定义为< button type=“button”>< /button>或者< input type=“button”/>。关于问题的描述，在这里我们来说一说< button>标签中特有的属性含义。 按钮(button)一共有四种分类：1.重置按钮 2.提交按钮 3.普通按钮 4.图片按钮 重置按钮< input typpe=“reset” value=“按钮名”&
鸿蒙UI系统组件14——几何图形(Shape)
最新发布
harmonyClassRoom的博客
08-02 1401
上篇文章中，我们讨论了在鸿蒙系统中如何显示一张图片，鸿蒙UI系统组件13——图片显示(Image)，在鸿蒙开发中，除了使用静态图片展示外，我们还可以自己使用代码画一些几何图形，例如：三角形、矩形、圆形、多边形等。此时，我们就需要用到Shape组件来完成我们的需求。绘制组件支持通过各种属性对组件样式进行更改。👉🏻 通过fill可以设置组件填充区域颜色。​​​​​​​👉🏻 通过stroke可以设置组件边框颜色。​​​​​​​👉🏻 通过strokeOpacity可以设置边框透明度。​​​​​​​。
Button的种类
u011534162的专栏
10-17 1159
1、添加UIBarButtonItem: - (void)viewDidLoad  {      [super viewDidLoad];        UIBarButtonItem *leftButton = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemAction target:se
OpenHarmony实战开发-按钮 (Button)
m0_70749039的博客
04-26 1339
Button是按钮组件，通常用于响应用户的点击操作，其类型包括胶囊按钮、圆形按钮、普通按钮。Button做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。具体用法请参考Button。
UIButton的类型
weixin_61196797的博客
10-21 1016
这周在写一个小Demo的时候，发现自己的UIButton的图片怎么也加不上去。即使那种只有单一仙桃的图片加上去了，也总是有种很奇怪的感觉。纠正后发现，是UIButton的类型的原因 以前没有注意到这块，记录一下这个问题提示：以下是本篇文章正文内容，下面案例可供参考因为button类型的不清楚，在这块卡了好久好久。后来才发现是因为这个。以后在学习的过程中应该更注意一些细节。
button的默认类型
weixin_34038293的博客
12-14 271
当form把所有表单套在里面的时候，button不设置默认类型就是submit,点击button就会提交表单，解决办法是把button的type设置为button 转载于:https://www.cnblogs.com/dunke/p/8037253.html...
鸿蒙HarmonyOS实战-ArkUI组件（Button）_鸿蒙 button
2401_84164469的博客
04-12 687
Button 的主要功能有：语法说明： 使用： 注意：不支持通过borderRadius属性重新设置 5.案例 Button按钮的实际应用场景主要包括以下几个方面：Button按钮的应用场景非常广泛，基本上所有需要用户交互的场景都可以使用Button按钮来实现。
鸿蒙HarmonyOS APP 开发入门2--事件_鸿蒙os 按钮事件(1)
xcbyaya的博客
05-03 1116
对于程序员来说，要学习的知识内容、技术有太多太多，要想不被环境淘汰就只有不断提升自己，从来都是我们去适应环境，而不是环境来适应我们！最后，我再重复一次，如果你想成为一个优秀的 Android 开发人员，请集中精力，对基础和重要的事情做深度研究。对于很多初中级Android工程师而言，想要提升技能，往往是自己摸索成长，不成体系的学习效果低效漫长且无助。整理的这些架构技术希望对Android开发的朋友们有所参考以及少走弯路，本文的重点是你有没有收获与成长，其余的都不重要，希望读者们能谨记这一点。
鸿蒙开发之如何响应Button点击事件（HarmonyOS鸿蒙开发基础知识）
iCloudEnd的博客
09-14 6072
Button 是什么 按钮（Button）是一种常见的组件，点击可以触发对应的操作，通常由文本或图标组成，也可以由图标和文本共同组成。 响应点击事件 按钮的重要作用是当用户单击按钮时，会执行相应的操作或者界面出现相应的变化。实际上用户点击按钮时，Button对象将收到一个点击事件。 开发者可以自定义响应点击事件的方法。例如，通过创建一个Component.ClickedListener对象，然后通过调用setClickedListener将其分配给按钮。 参考代码 //从定义的xml中获取Button对象
鸿蒙开发之如何创建Button按钮 （HarmonyOS鸿蒙开发基础知识）
iCloudEnd的博客
09-14 3707
Button 是什么 按钮（Button）是一种常见的组件，点击可以触发对应的操作，通常由文本或图标组成，也可以由图标和文本共同组成。 创建Button 使用Button组件，可以生成形状、颜色丰富的按钮。 <Button ohos:id="$+id:button_sample" ohos:width="match_content" ohos:height="match_content" ohos:text_size="27fp" ohos:text="butt
关于button的默认类型
瞬间空白的博客
01-12 5124
经常掉进这个坑，在form表单中使用button，但是没有为button指定type，原本只是一个正常的click按钮，但是却变成了submit自动提交了表单，，于是上网查了一下，W3C给出的标准是：Internet Explorer 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。所以，为了避免再犯错误，最哈养成习惯，在使用button的时候随手
【前端系列】36种button样式
热门推荐
檀越的博客
11-17 4万+
3.button 种类 "Button"可以指多种不同类型的按钮，以下是其中的一些：以下是一些 HTML 中设置按钮样式的常用方法：1.使用 CSS 样式表：可以通过 CSS 样式表来设置按钮的外观，例如设置按钮的背景色、字体颜色、边框等。 2.使用内联样式：可以在按钮标签中使用 style 属性来设置按钮的样式。 3.使用类名：可以为按钮设置一个类名，然后在 CSS 样式表中设置该类名的样式。 觉得有用的话点个赞 呗。
鸿蒙应用开发 | 按钮（Button）组件 的功能与用法
06-26 2506
大家好，我是你们的朋友 朋哥，今天开始朋哥开始研究鸿蒙了，定时会写一些文章分享给大家，希望多多提意见。 上一篇原创文章解读了文本框（Text）和编辑框（TextField）的功能与用法。 没有跟上的小伙伴要尽快学习了，不要被落下了。 接下来我们聊聊 按钮（Button），按钮是一个比较常见的组件，作用还是比较大的，并且样式也比较多，比如 点击效果，添加图片，颜色，原型，椭圆型。 下面我们开始今天的文章，还是老规矩，通过如下几点来说： 1，简介 2，属性 3，知识点举例 简介 按钮...
Button简介
JarlenJohn
08-17 5358
Button是如何工作的 Button的类型 普通按钮 粘性按钮 单选按钮及复选框 普通按钮的使用 使用复选框 标准复选框 图标复选框 单选按钮 标准单选按钮 图标单选按钮 Button是一个用户界面对象，在单击时向目标发送操作消息。 本文介绍Cocoa提供的各种按钮的不同之处以及如何使用它们。 Button是如何工作的 Button遵循target-ac...
HarmonyOS之常用组件Button的功能和使用
╰つ栺尖篴夢ゞ
06-22 1164
一、Button 组件 Button 是一种常见的组件，点击可以触发对应的操作，通常由文本或图标组成，也可以由图标和文本共同组成。 文本按钮，如下所示： 图标按钮，如下所示： 图标和文本共同组成的按钮，如下所示： 二、支持的 XML 属性 Button 无自有的 XML 属性，共有 XML 属性继承自 Text； Text 的自有 XML 属性，请参考我之前的博客：HarmonyOS之深入分析常用组件Text的功能和使用。 三、创建 Button 创建如下样式的按钮： 在 la
【鸿蒙软件开发】ArkTS常用组件之Button
m0_62599305的博客
10-21 6719
Button是按钮组件，通常用于响应用户的点击操作，其类型包括胶囊按钮、圆形按钮、普通按钮。Button当做为容器使用时可以通过添加子组件实现包含文字、图片等元素的按钮。具体用法请参考Button。Button通过调用接口来创建，接口调用有以下两种形式：创建不包含子组件的按钮。: { type?该接口用于创建不包含子组件的按钮，其中label用来设置按钮文字，type用于设置Button类型，stateEffect属性设置Button是否开启点击效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

知识大胖

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值