4种必须知道的Android屏幕自适应解决方案
以下是Demo首页的预览图
demo下载:http://www.eoeandroid.com/forum.php?mod=attachment&aid=NjE0Njh8ZTIyZDA2M2N8MTMzODgyOTQxN3w1NzAwOTV8MTczOTcz
<?xml version="1.0" encoding="utf-8"?> <resources> <!-- 全屏幕拉伸--><style name="layout_full"> <item name="android:layout_width">fill_parent</item> <item name="android:layout_height">fill_parent</item> </style><!-- 固定自身大小--><style name="layout_wrap"> <item name="android:layout_width">wrap_content</item> <item name="android:layout_height">wrap_content</item> </style><!-- 横向分布--><style name="layout_horizontal" parent="layout_full"> <item name="android:layout_width">0px</item> </style> <!-- 纵向分布--><style name="layout_vertical" parent="layout_full"> <item name="android:layout_height">0px</item> </style> </resources>
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"style="@style/layout_full"android:orientation="vertical"><LinearLayout style="@style/layout_vertical"android:layout_weight="1"android:orientation="horizontal"><Viewstyle="@style/layout_horizontal"android:background="#aa0000"android:layout_weight="1"/><Viewstyle="@style/layout_horizontal"android:background="#00aa00"android:layout_weight="4"/><Viewstyle="@style/layout_horizontal"android:background="#0000aa"android:layout_weight="3"/><Viewstyle="@style/layout_horizontal"android:background="#aaaaaa"android:layout_weight="2"/> </LinearLayout> <LinearLayout style="@style/layout_vertical"android:layout_weight="2"android:orientation="vertical"><Viewstyle="@style/layout_vertical"android:background="#ffffff"android:layout_weight="4"/> <Viewstyle="@style/layout_vertical"android:background="#aa0000"android:layout_weight="3"/><Viewstyle="@style/layout_vertical"android:background="#00aa00"android:layout_weight="2"/><Viewstyle="@style/layout_vertical"android:background="#0000aa"android:layout_weight="1"/></LinearLayout> </LinearLayout>
整个界面布局看起来非常直观,只是嵌套的逻辑要自己理下。显示效果如下图,其中左面一个是480x800的界面,右面的是320x480的界面(后面的图也如此),可以看出显示比例和代码中完全一致,我就不多说了,大家对照下就能看出来了。
可以看到我定义了两套尺寸文件,我们可以看下其中一个文件
<?xml version="1.0" encoding="utf-8"?> <resources> <dimen name="height_1_80">6px</dimen><dimen name="height_2_80">12px</dimen> <dimen name="height_3_80">18px</dimen><dimen name="height_4_80">24px</dimen> <dimen name="height_5_80">30px</dimen><dimen name="height_6_80">36px</dimen> <dimen name="height_7_80">42px</dimen><dimen name="height_8_80">48px</dimen> <dimen name="height_9_80">54px</dimen><dimen name="height_10_80">60px</dimen> <dimen name="height_11_80">66px</dimen><dimen name="height_12_80">72px</dimen> <dimen name="height_13_80">78px</dimen><dimen name="height_14_80">84px</dimen> <dimen name="height_15_80">90px</dimen><dimen name="height_16_80">96px</dimen> <dimen name="height_17_80">102px</dimen><dimen name="height_18_80">108px</dimen> <dimen name="height_19_80">114px</dimen><dimen name="height_20_80">120px</dimen> <dimen name="height_21_80">126px</dimen><dimen name="height_22_80">132px</dimen> <dimen name="height_23_80">138px</dimen><dimen name="height_24_80">144px</dimen> <dimen name="height_25_80">150px</dimen><dimen name="height_26_80">156px</dimen> <dimen name="height_27_80">162px</dimen><dimen name="height_28_80">168px</dimen> <dimen name="height_29_80">174px</dimen><dimen name="height_30_80">180px</dimen> <dimen name="height_31_80">186px</dimen><dimen name="height_32_80">192px</dimen> <dimen name="height_33_80">198px</dimen><dimen name="height_34_80">204px</dimen> <dimen name="height_35_80">210px</dimen><dimen name="height_36_80">216px</dimen> <dimen name="height_37_80">222px</dimen><dimen name="height_38_80">228px</dimen> <dimen name="height_39_80">234px</dimen><dimen name="height_40_80">240px</dimen> <dimen name="height_41_80">246px</dimen><dimen name="height_42_80">252px</dimen> <dimen name="height_43_80">258px</dimen><dimen name="height_44_80">264px</dimen> <dimen name="height_45_80">270px</dimen><dimen name="height_46_80">276px</dimen> <dimen name="height_47_80">282px</dimen><dimen name="height_48_80">288px</dimen> <dimen name="height_49_80">294px</dimen><dimen name="height_50_80">300px</dimen> <dimen name="height_51_80">306px</dimen><dimen name="height_52_80">312px</dimen> <dimen name="height_53_80">318px</dimen><dimen name="height_54_80">324px</dimen> <dimen name="height_55_80">330px</dimen><dimen name="height_56_80">336px</dimen> <dimen name="height_57_80">342px</dimen><dimen name="height_58_80">348px</dimen> <dimen name="height_59_80">354px</dimen><dimen name="height_60_80">360px</dimen> <dimen name="height_61_80">366px</dimen><dimen name="height_62_80">372px</dimen> <dimen name="height_63_80">378px</dimen><dimen name="height_64_80">384px</dimen> <dimen name="height_65_80">390px</dimen><dimen name="height_66_80">396px</dimen> <dimen name="height_67_80">402px</dimen><dimen name="height_68_80">408px</dimen> <dimen name="height_69_80">414px</dimen><dimen name="height_70_80">420px</dimen> <dimen name="height_71_80">426px</dimen><dimen name="height_72_80">432px</dimen> <dimen name="height_73_80">438px</dimen><dimen name="height_74_80">444px</dimen> <dimen name="height_75_80">450px</dimen><dimen name="height_76_80">456px</dimen> <dimen name="height_77_80">462px</dimen><dimen name="height_78_80">468px</dimen> <dimen name="height_79_80">474px</dimen><dimen name="height_80_80">480px</dimen> </resources>
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="vertical"><Viewandroid:layout_width="@dimen/width_76_80"android:layout_height="@dimen/height_10_80"android:background="#ffcccc"android:layout_margin="@dimen/width_2_80"/> <LinearLayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"><Viewandroid:layout_width="@dimen/width_30_80"android:layout_height="@dimen/height_50_80"android:background="#ccccff"android:layout_margin="@dimen/height_5_80"/><LinearLayoutandroid:layout_width="fill_parent"android:layout_height="fill_parent"android:orientation="vertical"> <Buttonandroid:layout_width="@dimen/width_30_80"android:layout_height="@dimen/height_5_80"android:background="#ccffcc"android:layout_marginBottom="@dimen/height_1_80"android:text="5"/><Buttonandroid:layout_width="@dimen/width_30_80"android:layout_height="@dimen/height_10_80"android:background="#ccffcc"android:layout_marginBottom="@dimen/height_1_80"android:text="10"/><Buttonandroid:layout_width="@dimen/width_30_80"android:layout_height="@dimen/height_15_80"android:background="#ccffcc"android:layout_marginBottom="@dimen/height_1_80"android:text="15"/><Buttonandroid:layout_width="@dimen/width_30_80"android:layout_height="@dimen/height_20_80"android:background="#ccffcc"android:text="20"/></LinearLayout> </LinearLayout> </LinearLayout>
以上是我写的统一的布局代码,来看下在两个不同分辨率的模拟器上的显示效果吧(大家注意我的代码中有margin这样的值也用到了自定义尺寸,如果这个margin使用layout_weight来控制的话,无疑要多嵌套一层线性布局,所以说没有一个方法是十全十美的,这第2个方法有时候用起来反而还要方便一些)
public class Constant {public static int displayWidth; //屏幕宽度public static int displayHeight; //屏幕高度 }
然后在第一个Activity启动的时候,获取这两个值
DisplayMetrics displayMetrics = new DisplayMetrics();getWindowManager().getDefaultDisplay().getMetrics(displayMetrics);Constant.displayWidth = displayMetrics.widthPixels;Constant.displayHeight = displayMetrics.heightPixels;
布局代码我们可以全都统一写成wrap-content,其实写成什么都无所谓,因为这个值只是暂时的
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical"android:layout_width="fill_parent"android:layout_height="fill_parent"> <Button android:id="@+id/btn1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#ffcccc"android:text="aaaaaaaa"/> <Button android:id="@+id/btn2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#ccffcc"android:text="bbbbbbbbb"/> <Button android:id="@+id/btn3"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#ccccff"android:text="ccccccccc"/> <Button android:id="@+id/btn4"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="#ffffcc"android:text="dddddddddddddddddd"/> </LinearLayout>
最后我们在Activity的onCreate方法里这么做
// 第一个按钮,宽度100%,高度10%LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,(int) (Constant.displayHeight * 0.1f + 0.5f));btn1.setLayoutParams(params);// 第二个按钮,宽度100%,高度30%LinearLayout.LayoutParams params2 = new LinearLayout.LayoutParams(LayoutParams.FILL_PARENT,(int) (Constant.displayHeight * 0.3f + 0.5f));btn2.setLayoutParams(params2);// 第三个按钮,宽度50%,高度20%LinearLayout.LayoutParams params3 = new LinearLayout.LayoutParams((int) (Constant.displayWidth * 0.5f + 0.5f),(int) (Constant.displayHeight * 0.2f + 0.5f));btn3.setLayoutParams(params3);// 第三个按钮,宽度70%,高度填满剩下的空间LinearLayout.LayoutParams params4 = new LinearLayout.LayoutParams((int) (Constant.displayWidth * 0.7f + 0.5f),LayoutParams.FILL_PARENT);btn4.setLayoutParams(params4);
补充一下,写多个布局的时候,配置文件一定要加上这段配置代码,不然有时可能会出问题
<supports-screens Android:largeScreens="true"
android:normalScreens="true" android:anyDensity="true" />
<ignore_js_op>
4种必须知道的Android屏幕自适应解决方案相关推荐
- android设置布局高度自适应,4种Android屏幕自适应解决方案
Android支持多屏幕机制即用为当前设备屏幕提供一种合适的方式来共同管理并解析应用资源.本文就介绍了4中Android屏幕自适应解决方案. 一.细说layout_weight 目前最为推荐的Andr ...
- iOS程序员必须知道的Android要点
http://www.open-open.com/lib/view/open1399509690915.html 在移动应用飞速发展的今天,APP只针对IOS平台进行开发已经不够了,如今Andr ...
- 程序员们都必须知道的8种通用数据结构
数据结构是一种特殊的组织和存储数据的方式,可以使我们可以更高效地对存储的数据执行操作. 数据结构在计算机科学和软件工程领域具有广泛而多样的用途. 几乎所有已开发的程序或软件系统都使用数据结构. 此外, ...
- 每个程序员都必须知道的8种数据结构
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 来源 | http://suo.im/6oo92L 快速 ...
- 每个程序员都必须知道的8种通用数据结构
云栖号资讯:[点击查看更多行业资讯] 在这里您可以找到不同行业的第一手的上云资讯,还在等什么,快来! 数据结构是一种特殊的组织和存储数据的方式,可以使我们可以更高效地对存储的数据执行操作.数据结构在计 ...
- 二叉树的字符图形显示程序_每个程序员都必须知道的8种通用数据结构
作者:IT-Evan https://www.cnblogs.com/IT-Evan/p/12444968.html 数据结构是一种特殊的组织和存储数据的方式,可以使我们可以更高效地对存储的数据执行操 ...
- 精确的数据访问冲突_每个程序员都必须知道的8种通用数据结构
快速介绍8种常用数据结构 数据结构是一种特殊的组织和存储数据的方式,可以使我们可以更高效地对存储的数据执行操作. 数据结构在计算机科学和软件工程领域具有广泛而多样的用途. 几乎所有已开发的程序或软件系 ...
- 你必须知道的10种国产编程语言
你必须知道的10种国产编程语言 你必须知道的10种国产编程语言 --一个老程序员的心声:我们必须要有国产的编程语言 众所周知,编程语言是外国人的天下,我们一入行,就失去了 ...
- 移动测试工程师必须知道的10个开源框架
移动测试工程师必须知道的10个开源框架 作者:彭海波 前言 随着移动互联网的发展,移动测试技术越来越成熟,很多优秀的开源测试框架涌现出来.作为一个移动测试工程师,我们不仅要夯实自己的技术能力,也要学会 ...
最新文章
- 去除网页上超链接的下划线
- 女儿问了我一个问题:什么是抽象?
- python isalnum函数_探究Python中isalnum()方法的使用
- mongodb如何根据字段(数组类型)的长度排序_大数据存储技术选型(七)——MongoDB设计模式及索引优化...
- [2021-ICCV] MUSIQ Multi-scale Image Quality Transformer 论文简析
- Maven私服的配置和使用
- 灵芝蘑菇提取物行业调研报告 - 市场现状分析与发展前景预测
- 使用spring ioc基于纯xml配置模拟crud
- 【转】VMware虚拟机三种网络模式超详解
- Java敏捷开发框架
- 程序员常见面试题汇总
- 数字孪生智慧城市建设解决方案
- Mac苹果移动硬盘数据丢失怎么恢复?
- java-net-php-python-jspm点餐管理系统计算机毕业设计程序
- 推杆如妻子,发球木如情人,短铁如父母,球道木如朋友,长铁如兄弟
- 联璧品牌发布会在重庆隆重举行 联璧CEO侬锦做重要讲话
- onedrive指定文件夹备份
- 计算机老师新年贺卡祝福语,新年贺卡祝福语老师大全
- 谈谈privoxy:关于广告过滤和自动代理切换
- 服务器防火墙软件 —— iptables