博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Android 风格化的 Toggle Buttons
阅读量:6831 次
发布时间:2019-06-26

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

 Android到默认UI比iOS到默认UI在美观程度上还是有一定到差距的,我们希望能够美化UI,并且替换掉系统默认的UI风格,使得程序在使用这些UI的时候都默认使用我们自定义到UI。本文以ToggleButton为例,介绍如何使用,下图是效果图。

在这里,我们使用layer-list把ToggleButton分成2个图层,底层是背景(设置成透明),顶层是selector效果图

接下来,设置ToggleButton的on和off的selector效果图:

建立/res/drawable/btn_toggle.xml

使用到以下两张图,也可通过以下链接查找

    

到此,我们已经把ToggleButton的效果已经制作完毕.

2、设置Style & Theme

ToggleButton到效果图已经制作完毕,接下来,我们就要把这种效果设置成一种统一的风格,否则我们在使用的时候必须每次都得显示指定这种 风格,在这里,即:在声明ToggleButton的时候,每次都得指定 android:background="@drawable/btn_toggle_bg"。

我们希望达到到效果是,当我们每次使用ToogleButton的时候,默认就是使用我们所设置的风格。在此之前,最好先阅读下android自带到文档:,对style和theme有一定的了解。

接下来,建立/res/drawable/themes.xml文件

在这里,要把textOn和textOff的属性设置为null,否则,系统会在按钮上显示文字,这个可根据使用情况而定。

然后,把该风格设置成主题

之后,只需要在AndroidManifest.xml的<application>标签里设置主题即可(android:theme="@style/YourThemeName")

3、注意事项

  • <重要>为了提供更通用到效果,应该把图片设置成.9.png格式,使图片可扩展
  • 很多人都以疑问,到底如何知道这些控件或者主题到属性? 这些都在Android到源代码里面可以找到,具体位置在\base\core\res\res\values\里
  • 项目源码下载:

 

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

你可能感兴趣的文章
iOS 手机摇一摇功能
查看>>
SQL Server中删除表中重复数据
查看>>
windows下rundll32介绍
查看>>
Enum,Int,String的互相转换 枚举转换
查看>>
梦断代码阅读笔记二。
查看>>
sublime Text 3实用功能和常用快捷键收集
查看>>
python代码规范与标准库参考
查看>>
VMware Workstation 安装Red Hat 遇到的问题
查看>>
什么是javascript(一)
查看>>
JAVA入门到精通-第22/23讲-容器、集合类
查看>>
励志写一篇有味道的博文------json
查看>>
oracle赋权
查看>>
c异或加密与解密
查看>>
【转载】ESFramework 平台下可复用的Tcp通信层实现
查看>>
python lib
查看>>
分布式学习资料-专著列表
查看>>
9.配置postfix空客户端
查看>>
admin组件
查看>>
计数排序详解以及java实现
查看>>
directive ngBlur
查看>>