android qmui教程,【QMUI教程】 Android Theme的使用
QMUI Android 对外发布了一两天了,收到了一些意见和建议,感觉比较突出的一个问题就是 Theme 的问题,今天就来聊聊这个话题。
起步
日常开发过程中,我们很少有机会去触碰到 theme,也很少有文章提及到 theme, 更没有依赖 theme 去开发 UI 组件的,QMUI 应该是除了 Android 官方组件外唯一的一个会依赖 theme 的开源库吧,至少目前我没发现有其它库是这么做的。我们这么做的原因主要是让 UI 组件可配置化,分为两个方面:
不同的项目对颜色、间距、字体大小等的要求都不相同
同一个项目对同一个组件有统一化的配置,并且需要做到差异化
所以在引入 QMUI 时,一定要记得在 AndroidManifest 中更新
Application 或者 Activity的 theme。
针对整个 Application:
...
android:theme="@style/QMUI.Compat">
...
application>复制代码
针对某个特定的 Activity:
android:name="..."
...
android:theme="@style/QMUI.Compat"/>复制代码
一般而言,我们都会在 theme.xml里添加一个 AppTheme 来作为项目的 base
theme,Android Studio 创建项目 默认都会帮我们做好这一步,因此我们只需要更改 AppTheme 的 parent就行。
关于 QMUI 和 QMUI.Compat
QMUI 提供了两套 theme: QMUI 和 QMUI.Compat:
QMUI 继承自 android:Theme.Holo.Light (4.x) 和 android:Theme.Material.Light (>=5.0),我们自己做了 Android L
前后 theme 的兼容
QMUI.Compat 继承自 Theme.AppCompat.Light。这是系统做好了各个版本 theme 兼容的处理
Android 官方是推荐用 AppCompat 系列, Android Studio 默认生成的 Activity 都是 AppCompatActivity。此外, AppCompatActivity、CoordinatorLayout、TextInputLayout等都必须在 AppCompat Theme 下运行,否则会 crash。因此大多数情况,你都应该使用 QMUI.Compat。只有当面对一些老项目,使用 QMUI.Compat 可能会造成较大影响时,才应该使用前一个 theme。
用 theme 进行配置的一个例子
这里我用 QMUITabSegment 的配置来举个例子, QMUITabSegment是一个类似于 TabLayout 的组件,但比它有更丰富的效果,具体可以下载 QMUI Demo进行查看。
先说一下QMUITabSegment的配置项:
是否有 indicator:qmui_tab_has_indicator
indicator 高度:qmui_tab_indicator_height
indicator 是否在顶部:qmui_tab_indicator_top,为false则在底部
item 的字体大小:android:textSize
item 的宽度是均分还是跟随内容宽度: qmui_tab_mode
item 如果有icon,icon的位置在上下左右哪个位置:qmui_tab_icon_position
一个自定义 view 的强大之处就是可以添加很多自定义属性,但如果每次使用这个组件都要去重复写一遍这些属性,那会是很烦的,如何解决这种问题呢?有三种解决方案:
用一个类如 AppTabSegment 去继承 QMUITabSegment,用 java 代码去 set 一遍这些属性
抽取一个公用的 style,在使用处引用
利用 View 构造器的第三个参数,通过 theme 来配置,使用者感知不到配置的存在(QMUI 采用的方案)
第一种维护起来并不会优雅;第二种每次使用时都要去引入一遍 style,如果忘了 style 的名字, 还得去查;而在第三种配置下,使用者不需要做额外的事情,只需要一次配置即可,相当优雅。例如做如下配置:
1dpitem>
falseitem>
14spitem>
leftitem>
fixeditem>style>复制代码
这样在使用的时候不加任何特殊的属性就能获得上述特效,有需要的话依然可以覆写部分属性,这对 QMUITabSegment、QMUIPullRefreshLayout 这种整个 App 基本上只有一个样式的组件是非常完美的配置方案。
QMUI 的所有自定义组件的属性都在 qmui_attr.xml, 其它 App 公用的值的定义都在qmui_attr_base.xml。有需要的话可以去看看。
如何获取 theme 中定义的属性的值?
这个问题涉及android中 “@” 和 ”?“ 的区别:
@: 如 @color、@string、@drawable,表示去取已经定义好的资源
?:只有 ?attr 的使用方式,表示去对应的 theme 中获取相应的资源,不同的 actvitiy 可以有不同的 theme, 取出来的值也就可以不一样
如果你想某一个 layout 布局的作用 margin 等于 theme 中定义好的
qmui_content_spacing_horizontal,那你可以这样:
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical"
android:layout_marginLeft="?attr/qmui_content_spacing_horizontal"
android:layout_marginRight="?attr/qmui_content_spacing_horizontal">
LinearLayout>复制代码
最后,欢迎大家试用,如果有任何意见或建议,欢迎留言或者在 Github 创建 issue。
本文全文转载至:【QMUI教程】 Android Theme的使用 - 小松的技术博客,已获得转载授权。
android qmui教程,【QMUI教程】 Android Theme的使用相关推荐
- 腾讯 android ui,腾讯开源的Android UI框架——QMUI Android
各位同学,早上好,我是你们的老朋友D_clock爱吃葱花,前些天忙着发版本,最近也在看各种各样的新知识,有好多东西想写啊啊啊啊啊.嗯,先冷静捋一下,卖个关子.扯回正题,今天继续为大家推荐一个Githu ...
- Android连接SQLServer详细教程(数据库+服务器+客户端),并在微软Azure云上搭建云服务
Android连接SQLServer详细教程(数据库+服务器+客户端),并在微软Azure云上搭建云服务 参考博客:http://blog.csdn.net/zhyl8157121/article/d ...
- Android RenRen SDK 接入教程
本教程将讲解如何在Android设备上构建应用并接入人人网.通过下面简单的步骤,我们向你展示了接入人人网的几个关键步骤. 从零开始,按照本教程一步一步地进行,最后你将得到一个可以在Android模拟器 ...
- android 语音识别_Android语音识别教程
android 语音识别 您可能听说过" Google Now项目" ,在这里您可以发出语音命令,Android会为您获取结果. 它可以识别您的声音并将其转换为文本或采取适当的措施 ...
- Android Studio TV开发教程(二)管理电视控制器
Android Studio TV开发教程 (转自Android官网https://developer.android.com/training/tv/start) 文章源自:光谷佳武 https:/ ...
- 【全套】Android零基础入门教程(知识精讲+强化实战)
在目前的IT行业中,Android开发相关的人才需求量依旧不减,尤其是高级的Android架构师是非常吃香的. 关于安卓如何学习,如何get正确的学习姿势?这篇文章主要分享的是安卓开发的基础内容和学习 ...
- 腾讯云分析MTA简略教程,以Android为例。
1.简介(官网上拷贝的,可以略过哈): 腾讯云分析是一款专业的移动应用统计分析工具,支持主流智能手机平台.开发者可以方便地通过嵌入统计SDK,实现对移动应用的全 面监测,实时掌握产品表现,准确洞察用户 ...
- Android连接SQLServer详细教程(数据库+服务器+客户端)
本文为原创,如果转载请注明出处 http://blog.csdn.net/zhyl8157121/article/details/8169172 其实之前发过一篇这样的博文http://blog.cs ...
- android教程 - android ui 介绍,多图详解 “Android UI”设计官方教程
我们曾经给大家一个<MeeGo移动终端设备开发UI设计基础教程>,同时很多朋友都在寻找Android UI开发的教程,我们从Android的官方开发者博客找了一份幻灯片,介绍了一些Andr ...
- XamarinSQLite教程在Xamarin.Android项目中提取数据库文件
XamarinSQLite教程在Xamarin.Android项目中提取数据库文件 由于不能直接打开该文件,开发者需要先将数据库文件从Android系统中提取出来.操作步骤如下. (5)选择MyDoc ...
最新文章
- python selenium - web自动化环境搭建
- 一周成python大神_python大神进阶路线
- Redis的简介与安装
- 牛客小白月赛11 Rinne Loves Xor
- 返回行javascript比较时间大小
- Silverlight实用窍门系列:20.后台CS代码中创建四种常用的动画效果【附带源码实例】...
- python生成器推导式_python之推导式and生成器表达器笔记及面试坑
- python第六周拼图_python – 解决n-queen拼图
- Web编程入门暨个人网站计划:Web前端开发入门
- C. Range Increments(差分)
- 鸿蒙系统跑分,麒麟9000+8GB内存 首发鸿蒙系统华为MatePad Pro2跑分首次曝光
- 企业承担社会责任的具体内容
- 听好程序员一句劝!零基础这样学Java才是正确的方式!
- mht文件无法打开的解决办法
- stagefright框架(四)-Video Buffer傳輸流程 .
- 2D高德Android地图SDK 新手入门的com.amap.api.maps.MapView的坑
- 软件开发者的精力管理(一)
- 怎样安装oa服务器系统软件,重装操作系统而不用重装OA系统的方法?
- 某网站JS的变态写法/诺禾
- android修改wifi设备名,Android: 设置wifi设备名
热门文章
- K3金碟新建账套及基础数据导入导出教程
- 基于javaweb的电影院会员管理系统(java+springboot+vue+element-ui+mysql)
- 三分钟让你获得shopee选品的全攻略!虾皮卖家必看
- proteus实现开关控制LED灯的亮灭
- java实时推送goeasy_用GoEasy推送实现Java实时推送
- 关键词instanceof、重写、继承、多态
- 亚洲信贷监察:数据分析让应收账款管理更智能
- 后端Java一年经验面经--其他篇
- 校园-职场,学生-打工人,我们在一起1000天啦
- 蔬菜信息配送系统c语言编程,c语言大作业物流配送系统程序(10页)-原创力文档...