android textview 文字居中_Android布局优化,看这3点就够了
码个蛋(codeegg)第 712 次推文
作者:Android技术
博客:https://www.jianshu.com/p/2ee61b88175e
前言
在编写Android布局时总会遇到这样或者那样的痛点,比如:
有些布局的在很多页面都用到了,而且样式都一样,每次用到都要复制粘贴一大段,有没有办法可以复用呢?
解决了1中的问题之后,发现复用的布局外面总要额外套上一层布局,要知道布局嵌套是会影响性能的呐;
有些布局只有用到时才会显示,但是必须提前写好,虽然设置了为invisible或gone,还是多多少少会占用内存的。
要解决这些痛点,我们可以请Android布局优化三剑客出码,它们分别是include、merge和ViewStub三个标签,现在我们就来认识认识它们吧。在此之前,我们先来看看我们本次项目的界面效果:
界面不复杂,我们来逐个实现吧。
include
include的中文意思是“包含”、“包括”,当你在一个主页面里使用include标签时,就表示当前的主布局包含标签中的布局,这样一来,就能很好地起到复用布局的效果了。在那些常用的布局比如标题栏和分割线等上面用上它可以极大地减少代码量的。它有两个主要的属性:
layout:必填属性,为你需要插入当前主布局的布局名称,通过R.layout.xx的方式引用;
id:当你想给通过include添加进来的布局设置一个id的时候就可以使用这个属性,它可以重写插入主布局的布局id。
下面我们就来实战一番。
我们先创建一个ViewOptimizationActivity,然后再创建一个layout_include.xml布局文件,它的内容非常简单,就一个TextView:
<?xml version="1.0" encoding="utf-8"?>.com/apk/res/android"android:layout_width="match_parent"android:gravity="center_vertical"android:textSize="14sp"android:background="@android:color/holo_red_light"android:layout_height="40dp">
现在我们就用include标签,将其添加到ViewOptimizationActivity的布局中:
<?xml version="1.0" encoding="utf-8"?>.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".ViewOptimizationActivity">android:textSize="18sp"android:text="1、include标签的使用"android:layout_width="wrap_content"android:layout_height="wrap_content" />android:id="@+id/tv_include1"layout="@layout/layout_include"/>
没错,include的使用就是这么简单,只需指明要包含的布局id就行。除此之外,我们还给这个include标签设置了一个id,为了验证它就是layout_include.xml的根布局TextView的id,我们在ViewOptimizationActivity中初始化TextView,并给它设置文字:
TextView tvInclude1 = findViewById(R.id.tv_include1);tvInclude1.setText("1.1 常规下的include布局");
运行之后可以可以看到如下布局:
说明我们设置的layout和id都是成功的。不过你可能会对id这个属性有疑问:id我可以直接在TextView中设置啊,为什么重写它呢?别忘了我们的目的是复用,当你在一个主布局中使用include标签添加两个以上的相同布局时,id相同就会冲突了,所以重写它可以让我们更好地调用它和它里面的控件。还有一种情况,假如你的主布局是RelateLayout,这时为了设置相对位置,你也需要给它们设置不同的id。
重写根布局的布局属性
除了id之外,我们还可以重写宽高、边距和可见性(visibility)这些布局属性。但是一定要注意,单单重写android:layout_height或者android:layout_width是不行,必须两个同时重写才起作用。包括边距也是这样,如果我们想给一个include进来的布局添加右边距的话的完整写法是这样的:
android:layout_width="match_parent"android:layout_height="40dp"android:layout_marginEnd="40dp"android:id="@+id/tv_include2"layout="@layout/layout_include"/>
初始化后设置一段文字就可以看到如下的效果了:
可以看到,1.2显然比1.1多了一个右边距。
控件ID相同时的处理
在1.1中我们知道了id属性可以重写include布局的根布局id,但对于根布局里面的布局和控件是无能为力的,如果这时一个布局在主布局中include了多次,那怎么区别里面的控件呢?
我们先创建一个layout_include2.xml的布局,它的根布局是FrameLayout,里面有一个TextView,它的id是tv_same:
<?xml version="1.0" encoding="utf-8"?>.com/apk/res/android"android:layout_width="match_parent"android:background="@android:color/holo_orange_light"android:layout_height="wrap_content">android:gravity="center_vertical"android:id="@+id/tv_same"android:layout_width="match_parent"android:layout_height="50dp" />
在主布局中添加进去:
<?xml version="1.0" encoding="utf-8"?>.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".ViewOptimizationActivity">……android:id="@+id/view_same"layout="@layout/layout_include2"/>
为了区分,这里给第二个layout_include2设置了id。也许你已经反应过来了,没错,我们就是要创建根布局的对象,然后再去初始化里面的控件:
TextView tvSame = findViewById(R.id.tv_same);tvSame.setText("1.3 这里的TextView的ID是tv_same");FrameLayout viewSame = findViewById(R.id.view_same);TextView tvSame2 = viewSame.findViewById(R.id.tv_same);tvSame2.setText("1.3 这里的TextView的ID也是tv_same");
运行之后可以看到这样的效果:
可见虽然控件的id虽然相同,但是使用起来是没有冲突的。
merge
include标签虽然解决了布局重用的问题,却也带来了另外一个问题:布局嵌套。因为把需要重用的布局放到一个子布局之后就必须加一个根布局,如果你的主布局的根布局和你需要include的根布局都是一样的(比如都是LinearLayout),那么就相当于在中间多加了一层多余的布局了。那么有没有办法可以在使用include时不增加布局层级呢?答案当然是有的,那就是使用merge标签。
使用merge标签要注意一点:必须是一个布局文件中的根节点,看起来跟其他布局没什么区别,但它的特别之处在于页面加载时它的不会绘制的。打个比方,它就像是布局或者控件的搬运工,把“货物”搬到主布局之后就会功成身退,不会占用任何空间,因此也就不会增加布局层级了。这正如它的名字一样,只起“合并”作用。
merge常规使用
我们来验证一下,首先创建一个layout_merge.xml,在根节点使用merge标签:
<?xml version="1.0" encoding="utf-8"?>.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content">android:id="@+id/tv_merge1"android:text="我是merge中的TextView1"android:background="@android:color/holo_green_light"android:gravity="center"android:layout_width="wrap_content"android:layout_height="40dp" />android:layout_toEndOf="@+id/tv_merge1"android:id="@+id/tv_merge2"android:text="我是merge中的TextView2"android:background="@android:color/holo_blue_light"android:gravity="center"android:layout_width="match_parent"android:layout_height="40dp" />
这里我使用了一些相对布局的属性,原因后面你就知道了。我们接着在ViewOptimizationActivity的布局添加RelativeLayout,然后使用include标签将layout_merge.xml添加进去:
android:layout_width="match_parent"android:layout_height="wrap_content">android:id="@+id/view_merge"layout="@layout/layout_merge"/>
运行出来的效果图:
merge标签对布局层级的影响
在layout_merge.xml中,我们使用相对布局的属性android:layout_toEndOf将蓝色TextView设置到了绿色TextView的右边,而layout_merge.xml的父布局是RelativeLayout,所以这个属性是起了作用了,merge标签不会影响里面的控件,也不会增加布局层级。
如果你还不放心,可以用Android Studio来检查。我用的Android Studio是3.1版本的,可以通过Layout Inspector查看布局层级,不过记得要先在真机或者模拟器上把项目跑起来。依次点击Tools-Layout Inspector,然后选择你要查看的Activity,就可以看到如下的层级图:
可以看到RelativeLayout下面直接就是两个TextView了,merge标签并没有增加布局层级。从这里也可以看出merge的局限性,即你需要明确将merge里面的布局和控件include到什么类型的布局中,才能提前设置好merge里面的布局和控件的位置。
merge的ID
在学习include标签时我们知道,它的android:id属性可以重写被include的根布局id,但如果根节点是merge呢?前面说了merge并不会作为一个布局绘制出来,所以这里给它设置id是不起作用的。我们可以在它的父布局RelativeLayout中再加一个TextView,使用android:layout_below属性把设置到layout_merge下面:
android:layout_width="match_parent"android:layout_height="wrap_content">android:id="@+id/view_merge"layout="@layout/layout_merge"/>android:text="我不是merge中的布局"android:layout_below="@+id/view_merge"android:background="@android:color/holo_purple"android:gravity="center"android:layout_width="match_parent"android:layout_height="40dp"/>
运行之后你会发现新加的TextView会把merge布局盖住,没有像预期那样在其下方。如果把android:layout_below中的id改为layout_merge.xml中任一TextView的id(比如tv_merge1),运行之后就可以看到如下效果:
这也符合2.2中的情况,即父布局RelativeLayout下级布局就是include进去的TextView了。
ViewStub
你一定遇到这样的情况:页面中有些布局在初始化时没必要显示,但是又不得不事先在布局文件中写好,虽然设置成了invisible或gone,但是在初始化时还是会加载,这无疑会影响页面加载速度。针对这一情况,Android为我们提供了一个利器————ViewStub。这是一个不可见的,大小为0的视图,具有懒加载的功能,它存在于视图层级中,但只会在setVisibility和inflate方法调用只会才会填充视图,所以不会影响初始化加载速度。它有以下三个重要属性:
android:layout:ViewStub需要填充的视图名称,为“R.layout.xx”的形式;
android:inflateId:重写被填充的视图的父布局id。
与include标签不同,ViewStub的android:id属性是设置ViewStub本身id的,而不是重写布局id,这一点可不要搞错了。另外,ViewStub还提供了OnInflateListener接口,用于监听布局是否已经加载了。
我们先创建一个layout_view_stub.xml,里面放置一个Switch开关:
android:layout_width="match_parent"android:layout_height="wrap_content">android:id="@+id/view_merge"layout="@layout/layout_merge"/>android:text="我不是merge中的布局"android:layout_below="@+id/view_merge"android:background="@android:color/holo_purple"android:gravity="center"android:layout_width="match_parent"android:layout_height="40dp"/>
然后在Activity的布局中修改如下:
<?xml version="1.0" encoding="utf-8"?>.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical"tools:context=".ViewOptimizationActivity">android:textSize="18sp"android:text="3、ViewStub标签的使用"android:layout_width="wrap_content"android:layout_height="wrap_content" />android:id="@+id/view_stub"android:inflatedId="@+id/view_inflate"android:layout="@layout/layout_view_stub"android:layout_width="match_parent"android:layout_height="100dp" />android:orientation="horizontal"android:layout_width="match_parent"android:layout_height="wrap_content">android:text="显示"android:id="@+id/btn_show"android:layout_weight="1"android:layout_width="0dp"android:layout_height="wrap_content" />android:text="隐藏"android:id="@+id/btn_hide"android:layout_weight="1"android:layout_width="0dp"android:layout_height="wrap_content" />android:text="操作父布局控件"android:id="@+id/btn_control"android:layout_width="wrap_content"android:layout_height="wrap_content" />
在ViewOptimizationActivity中监听ViewStub的填充事件:
viewStub.setOnInflateListener(new ViewStub.OnInflateListener {@Overridepublic void onInflate(ViewStub viewStub, View view) {Toast.makeText(ViewOptimizationActivity.this, "ViewStub加载了
android textview 文字居中_Android布局优化,看这3点就够了相关推荐
- android textview 文字居中无效,android – 不能垂直居中textview的文本
[已解决]我不得不向ScrollView添加 android:fillViewport ="true",修复了文本没有垂直居中的问题. 我知道之前已经多次回答,但我仍然无法垂直居中 ...
- android textview背景透明度,Android TextView文字透明度和背景透明度设置
textview1.setTextColor(Color.argb(255, 0, 255, 0)); //文字透明度 控件设为半透明: 控件名.getBackground().setAlpha(in ...
- Java安卓文字居中_设置TextView文字居中,代码实现android:layout_gravity
设置TextView文字居中 android:gravity指的是控件的位置 而android:layout_gravity指的是这个layout的,是外面的 有2种方法可以设置TextView文字居 ...
- android textview动态居中,android 设置textview文字居中或者控件居中
有2种方法可以设置TextView文字居中: 一:在xml文件设置:android:gravity="center" 二:在程序中设置:txtTitle.setGravity(Gr ...
- 【Android】设置TextView文字居中
有2种方法可以设置TextView文字居中: 一:在xml文件设置:android:gravity="center" 二:在程序中设置:m_TxtTitle.setGravity( ...
- Android Textview 一行居中 两行居左
需求描述: 采用鸿洋大神打造的万能的ListView GridView适配器: ListView中的item中有一个TextView,该TextView的宽度确定,根据要显示的内容长度动态调整文字的显 ...
- Android textView文字渐变色设置
Android textView文字渐变色设置 方式一: private void setGradientColor() {int[] colors = {Color.parseColor(" ...
- Android TextView文字超出一屏不能显示其它的文字 解决方案
Android TextView文字超出一屏不能显示其它的文字 解决方案 参考文章: (1)Android TextView文字超出一屏不能显示其它的文字 解决方案 (2)https://www.cn ...
- android如何设置透明字体颜色,android TextView文字透明度跟背景透明度设置
当前位置: 我的异常网 » Android » android TextView文字透明度跟背景透明度设置 android TextView文字透明度跟背景透明度设置 www.myexceptions ...
最新文章
- python3使用requests模块完成get/post/代理/自定义header/自定义Cookie
- IntelliJ 发布 2020 RoadMap,中文版终于要来了?
- opencv3异常 库找不到 no such file
- python爬虫requests-Python爬虫之requests介绍
- Android:在安卓中使用TFLite模型
- php对mysql基础操作_php+mysql的基础操作
- LeetCode 1745. 回文串分割 IV(区间DP)
- cannot convert value of type ‘org.codehaus.xfire.spring.editors.ServiceFactoryEditor
- Hinton向AAAI提交论文竟收到最差评价!深度学习三教父再押宝,AI或突破常识瓶颈...
- java 记事本全选_java 编写的记事本程序怎么实现复制 黏贴 剪切 全选的功能 ?...
- 数据推荐系统系列 8种方法之一 CosSim余弦相识性方式
- Python excel转图片保存
- msfconsole使用手册
- Linksys E 刷Tomato shibby
- 第十六篇:关于Unity开发WebGL遇到的坑
- 【电脑操作】【鼠标】无线鼠标无反应怎么办?
- 小米9SE CC9小米8小米6X小米mix2s红米note7Pro小米9红米note8Pro 红米note8等移除ID 解账户锁教程
- android.265g.com.,小米3s流产?小米3下一代机型为小米x4?
- 模块一 day02 快速上手
- bzoj4372 烁烁的游戏 动态点分治+线段树
热门文章
- 推荐系统常用术语 [ACM暑校]
- 信号分解:双正交、完备性、对偶向量
- 跨服务器post数据失败:验证视图状态 MAC 失败。如果此应用程序由网络场或群集承载,请确保 machineKey 配置指定了相同的 validationKey 和验证算法。的解决办法
- 多工作线程获取工作队列简单实现
- mutex的加锁与解锁问题
- springboot集成邮箱功能
- 日常生活小技巧 -- U盘拷贝时提示文件过大问题
- Davinci DM6446开发攻略-UBOOT-2009.03移植2 nand flash的烧写
- 自动抢红包,自动安装原理之AccessibilityService
- php分页功能乱码了怎么办,51、PHP文件内容分页操作,避免乱码