博客
关于我
Android开发之button的几种不同形状
阅读量:771 次
发布时间:2019-03-24

本文共 512 字,大约阅读时间需要 1 分钟。

今天我开始学习如何定制Androidbuttons的样式,提升应用的用户体验。通过研究资料,我了解到使用Android XML布局文件中的shape和selector可以灵活地定义buttons的外观。在这篇文章中,我将分享三种不同风格的Button样式以及一个整合它们的布局示例。

首先,我创建了 Jian按钮样式。在jian.xml文件中,我定义了两种状态:默认状态和按压状态。默认状态使用了一个渐变色和外框,而按压状态则切换为白色背景和黑色边框。

接着,我设计了一个带有渐变边框的按钮。这次我选择了cyan色渐变,并且设置边框手/foo/bar的宽度和角度。

为了达到互动反馈效果,我创建了一个圆形按钮,并设置了不同的按压状态颜色变化。

在ActivityMain.xml布局文件中,我将三个不同风格的按钮布置在页面上,使用ConstraintLayout确保它们的布局和对齐。

通过测试,我发现按钮在不同状态下的颜色和形状变化符合预期,用户点击后会有明显的反馈。

总结来说,定制Button样式可以提升应用的 visual appeal 和用户体验,通过理解和应用不同的颜色梯度和形状,可以为应用注入独特的设计风格。

转载地址:http://dfxkk.baihongyu.com/

你可能感兴趣的文章
NoSQL介绍
查看>>
Notepad ++ 安装与配置教程(非常详细)从零基础入门到精通,看完这一篇就够了
查看>>
Notepad++在线和离线安装JSON格式化插件
查看>>
notepad++最详情汇总
查看>>
notepad如何自动对齐_notepad++怎么自动排版
查看>>
Notification 使用详解(很全
查看>>
NotImplementedError: Cannot copy out of meta tensor; no data! Please use torch.nn.Module.to_empty()
查看>>
Now trying to drop the old temporary tablespace, the session hangs.
查看>>
nowcoder—Beauty of Trees
查看>>
np.arange()和np.linspace()绘制logistic回归图像时得到不同的结果?
查看>>
np.power的使用
查看>>
NPM 2FA双重认证的设置方法
查看>>
npm build报错Cannot find module ‘webpack‘解决方法
查看>>
npm ERR! ERESOLVE could not resolve报错
查看>>
npm error Missing script: “server“npm errornpm error Did you mean this?npm error npm run serve
查看>>
npm error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装
查看>>
npm install digital envelope routines::unsupported解决方法
查看>>
npm install 卡着不动的解决方法
查看>>
npm install 报错 EEXIST File exists 的解决方法
查看>>
npm install 报错 ERR_SOCKET_TIMEOUT 的解决方法
查看>>