android中实现设备尺寸适配

1、引言

        设备尺寸适配的重要性想必就不用我多说了，在我发布的历史文章中我曾谈过Qt中的设备尺寸适配问题，那这里我就来教大家如何在android中做设备尺寸适配。在android中设备尺寸适配的方式有好几种，但我喜欢的还是使用获取设备真实尺寸然后按照百分比重新设置控件大小的方式，因此接下来我就只演示这一种方法。

2、准备工作

2.1、生成接口类

        首先需要生成一个接口类，便于区分不同的操作，使用时需要让activity或者fragment继承该接口，具体代码如下：

package xyz.dritrtj.uisize;public interface Init {/*** 初始化视图控件,并设置监听*/public abstract void initView();/*** 设置控件尺寸属性*/public abstract void setViewSize();/*** 设置数据*/public abstract void setData();
}

2.2、生成UI尺寸工具类

        工具类代码如下，下面会对工具类使用进行讲解：

package xyz.dritrtj.uisize;import android.graphics.Color;
import android.graphics.drawable.GradientDrawable;
import android.util.TypedValue;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.RelativeLayout;
import android.widget.TextView;/*** 用于适配UI控件尺寸*/
public class SetUiSize {public static float displayWidth;//屏幕宽度 单位像素public static float displayHeight;//屏幕高度 单位像素public static float statusHeight;//状态栏高度 单位像素，暂时没有获取public static float displayWidthDp = 411;//屏幕默认宽度 单位dppublic static float displayHeightDp = 731;//屏幕默认高度 单位dp/*** 设置背景* @param v*/public static void setBackground(View v){GradientDrawable drawable= (GradientDrawable) v.getBackground();int size= (int) (10/SetUiSize.displayWidthDp*SetUiSize.displayWidth);//两个参数表示一个角，按照左上角，右上角，右下角，左下角的顺序用两个相同的数据表示drawable.setCornerRadii(new float[]{size,size,size,size,size,size,size,size});size= (int) (0.38f/SetUiSize.displayWidthDp*SetUiSize.displayWidth);if (size==0){//避免因为数值转化变为零size=1;}drawable.setStroke(size, Color.parseColor("#c5c5c5"));}/*** 设置圆角* @param v* @param radius*/public static void setRadius(View v,int radius){GradientDrawable drawable= (GradientDrawable) v.getBackground();int size= (int) (radius/SetUiSize.displayWidthDp*SetUiSize.displayWidth);//两个参数表示一个角，按照左上角，右上角，右下角，左下角的顺序用两个相同的数据表示drawable.setCornerRadii(new float[]{size,size,size,size,size,size,size,size});}/*** 设置背景* @param v* @param strokeColor*/public static void setBackground(View v,String strokeColor,String solidColor){GradientDrawable drawable= (GradientDrawable) v.getBackground();int size= (int) (5/SetUiSize.displayWidthDp*SetUiSize.displayWidth);//两个参数表示一个角，按照左上角，右上角，右下角，左下角的顺序用两个相同的数据表示drawable.setCornerRadii(new float[]{size,size,size,size,size,size,size,size});size= (int) (1/SetUiSize.displayWidthDp*SetUiSize.displayWidth);drawable.setStroke(size, Color.parseColor(strokeColor));drawable.setColor(Color.parseColor(solidColor));}/*** 设置背景* @param v* @param strokeColor* @param solidColor* @param width*/public static void setBackground(View v,String strokeColor,String solidColor,int width){GradientDrawable drawable= (GradientDrawable) v.getBackground();int size= (int) (5/SetUiSize.displayWidthDp*SetUiSize.displayWidth);//两个参数表示一个角，按照左上角，右上角，右下角，左下角的顺序用两个相同的数据表示drawable.setCornerRadii(new float[]{size,size,size,size,size,size,size,size});size= (int) (width/SetUiSize.displayWidthDp*SetUiSize.displayWidth);drawable.setStroke(size, Color.parseColor(strokeColor));drawable.setColor(Color.parseColor(solidColor));}/*** 设置圆形的选择按钮* @param v*/public static void setCircle(View v){GradientDrawable drawable= (GradientDrawable) v.getBackground();int size= (int) (16/SetUiSize.displayWidthDp*SetUiSize.displayWidth);drawable.setSize(size,size);size= (int) (4/SetUiSize.displayWidthDp*SetUiSize.displayWidth);drawable.setStroke(size, Color.parseColor("#dedede"));}/*** 设置TextView字体尺寸* @param tv* @param originSize 原始尺寸*/public static void setTextViewSize(TextView tv, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);tv.setTextSize(TypedValue.COMPLEX_UNIT_PX,size);//px
//        tv.setTextSize(TypedValue.COMPLEX_UNIT_DIP,size);//dp
//        tv.setTextSize(TypedValue.COMPLEX_UNIT_SP,size);//sp}/*** 设置Button字体尺寸* @param btn* @param originSize 原始尺寸*/public static void setButtonSize(Button btn, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);btn.setTextSize(TypedValue.COMPLEX_UNIT_PX,size);//px}/*** 设置EditText字体尺寸* @param et* @param originSize 原始尺寸*/public static void setEditTextSize(EditText et, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);et.setTextSize(TypedValue.COMPLEX_UNIT_PX,size);//px}/*** 父控件为RelativeLayout时设置底部边距* @param view* @param originSize*/public static void setMarginBottomRelative(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) view.getLayoutParams();layoutParams.bottomMargin=size;view.setLayoutParams(layoutParams);}/*** 父控件为LinearLayout时设置底部边距* @param view* @param originSize*/public static void setMarginBottomLinear(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) view.getLayoutParams();layoutParams.bottomMargin=size;view.setLayoutParams(layoutParams);}/*** 父控件为RelativeLayout时设置顶部边距* @param view* @param originSize*/public static void setMarginTopRelative(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) view.getLayoutParams();layoutParams.topMargin=size;view.setLayoutParams(layoutParams);}/*** 父控件为LinearLayout时设置顶部边距* @param view* @param originSize*/public static void setMarginTopLinear(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) view.getLayoutParams();layoutParams.topMargin=size;view.setLayoutParams(layoutParams);}/*** 父控件为RelativeLayout时设置左边距* @param view* @param originSize*/public static void setMarginLeftRelative(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) view.getLayoutParams();layoutParams.leftMargin=size;view.setLayoutParams(layoutParams);}/*** 父控件为LinearLayout时设置左边距* @param view* @param originSize*/public static void setMarginLeftLinear(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) view.getLayoutParams();layoutParams.leftMargin=size;view.setLayoutParams(layoutParams);}/*** 父控件为RelativeLayout时设置右边距* @param view* @param originSize*/public static void setMarginRightRelative(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) view.getLayoutParams();layoutParams.rightMargin=size;view.setLayoutParams(layoutParams);}/*** 父控件为LinearLayout时设置右边距* @param view* @param originSize*/public static void setMarginRightLinear(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) view.getLayoutParams();layoutParams.rightMargin=size;view.setLayoutParams(layoutParams);}/*** 父控件为RelativeLayout时设置边距* @param view* @param originSize*/public static void setMarginRelative(View view, float originSize){setMarginHorizontalRelative(view,originSize);setMarginVerticalRelative(view,originSize);}/*** 父控件为LinearLayout时设置边距* @param view* @param originSize*/public static void setMarginLinear(View view, float originSize){setMarginHorizontalLinear(view,originSize);setMarginVerticalLinear(view,originSize);}/*** 父控件为RelativeLayout时设置layout_marginHorizontal边距* @param view* @param originSize*/public static void setMarginHorizontalRelative(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) view.getLayoutParams();layoutParams.rightMargin=size;layoutParams.leftMargin=size;view.setLayoutParams(layoutParams);}/*** 父控件为LinearLayout时设置layout_marginHorizontal边距* @param view* @param originSize*/public static void setMarginHorizontalLinear(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) view.getLayoutParams();layoutParams.rightMargin=size;layoutParams.leftMargin=size;view.setLayoutParams(layoutParams);}/*** 父控件为RelativeLayout时设置layout_marginVertical边距* @param view* @param originSize*/public static void setMarginVerticalRelative(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) view.getLayoutParams();layoutParams.topMargin=size;layoutParams.bottomMargin=size;view.setLayoutParams(layoutParams);}/*** 父控件为LinearLayout时设置layout_marginVertical边距* @param view* @param originSize*/public static void setMarginVerticalLinear(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) view.getLayoutParams();layoutParams.topMargin=size;layoutParams.bottomMargin=size;view.setLayoutParams(layoutParams);}/*** 父控件为RelativeLayout时设置高度* @param view* @param originSize*/public static void setHeightRelative(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) view.getLayoutParams();layoutParams.height=size;view.setLayoutParams(layoutParams);}/*** 父控件为LinearLayout时设置高度* @param view* @param originSize*/public static void setHeightLinear(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) view.getLayoutParams();layoutParams.height=size;view.setLayoutParams(layoutParams);}/*** 父控件为RelativeLayout时设置宽度* @param view* @param originSize*/public static void setWidthRelative(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);RelativeLayout.LayoutParams layoutParams = (RelativeLayout.LayoutParams) view.getLayoutParams();layoutParams.width=size;view.setLayoutParams(layoutParams);}/*** 父控件为LinearLayout时设置宽度* @param view* @param originSize*/public static void setWidthLinear(View view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);LinearLayout.LayoutParams layoutParams = (LinearLayout.LayoutParams) view.getLayoutParams();layoutParams.width=size;view.setLayoutParams(layoutParams);}/*** 设置GridView的verticalSpacing*/public static void setVerticalSpacing(GridView view, float originSize){int size= (int) (originSize/displayWidthDp*displayWidth);view.setVerticalSpacing(size);}/*** 设置padding*/public static void setPadding(View view, int left, int top, int right, int bottom){left= (int) (left/displayWidthDp*displayWidth);top= (int) (top/displayWidthDp*displayWidth);right= (int) (right/displayWidthDp*displayWidth);bottom= (int) (bottom/displayWidthDp*displayWidth);view.setPadding(left,top,right,bottom);}
}

3、使用方法

3.1、初始化

        首先需要实现接口类，进行相关初始化操作，这里以activity为例，这里最主要的是在setViewSize方法中获取当前设备尺寸，这个一定要放在第一个活动界面中进行初始化，避免后面重复初始化，获取的设备尺寸以像素为单位，代码如下：

package xyz.dritrtj.uisize;import androidx.appcompat.app.AppCompatActivity;import android.graphics.Color;
import android.graphics.Point;
import android.os.Bundle;
import android.view.Display;
import android.view.View;public class UiSizeActivity extends AppCompatActivity implements Init{@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_ui_size);initView();setViewSize();setData();}@Overridepublic void initView() {//初始化状态栏View decorView=getWindow().getDecorView();//获取当前界面的DecorViewint option=View.SYSTEM_UI_FLAG_LIGHT_STATUS_BAR;//更改文字颜色为深黑色decorView.setSystemUiVisibility(option);//设置系统UI元素的可见性getWindow().setNavigationBarColor(Color.TRANSPARENT);getWindow().setStatusBarColor(Color.parseColor("#ffffff"));//将状态栏背景设置为白色getSupportActionBar().hide();}@Overridepublic void setViewSize() {//获取屏幕宽度Display display= getWindowManager().getDefaultDisplay();Point point=new Point();display.getSize(point);SetUiSize.displayWidth=display.getWidth();SetUiSize.displayHeight=display.getHeight();}@Overridepublic void setData() {}
}

3.2、修改工具类的dp宽度值

        使用前需要把SetUiSize类前面的displayWidthDp值设置为自己的布局文件宽度值，在布局文件中点击下方图片中的Pixel,鼠标悬浮在Phones按钮上，左边悬浮框在打勾的选项就是布局文件dp尺寸，从左往右小的尺寸就是宽，这里只用到宽就行。

3.3、工具类使用

        工具类在使用时要注意，根布局不能设置尺寸，一定要在根布局之下的布局中设置尺寸，根布局设置为自适应或者match_parent，命名要对照对应的设置操作，如下两个方法：setMarginTopRelative和setMarginTopLinear，前面一个是设置当前控件的顶部边距，且父控件为相对布局，后一个类似，只是父控件为线性布局，这里父控件布局会有影响，请使用对应的布局，如果没有的工具方法，请自行添加。除此之外有一点要注意，布局文件中设置字体大小一定要用sp为单位，其它都用dp为单位，否则会计算错误。

4、效果对照演示

4.1、重设尺寸前

4.2、重设尺寸后

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/466364.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

就业|高校毕业生就业信息小程序|基于微信小程序的高校毕业生就业信息的设计与实现(源码+数据库+文档)

就业|高校毕业生就业信息小程序|基于微信小程序的高校毕业生就业信息的设计与实现(源码+数据库+文档)

高校毕业生就业信息小程序目录 目录 基于微信小程序的高校毕业生就业信息的设计与实现 一、前言 二、系统功能设计 三、系统实现 1、用户小程序模块 2、用户信息管理 2、职位招聘管理 3、公司信息管理 4、论坛信息管理 四、数据库设计 1、实体ER图 五、核心代码 …
阅读更多...
C语言学习记录

C语言学习记录

牛牛的第二个整数_牛客题霸_牛客网 (nowcoder.com) 注意输入的格式，%d空格%d空格%d
阅读更多...
数据结构第十四天（树的存储/双亲表示法）

数据结构第十四天（树的存储/双亲表示法）

目录 前言 概述 接口： 源码： 测试函数： 运行结果： 往期精彩内容 前言 孩子，一定要记得你的父母啊！！！ 哈哈，今天开始学习树结构中的双亲表示法，让孩…
阅读更多...
C++重新入门-C++ 函数

C++重新入门-C++ 函数

函数是一组一起执行一个任务的语句。每个 C 程序都至少有一个函数，即主函数 main() ，所有简单的程序都可以定义其他额外的函数。 您可以把代码划分到不同的函数中。如何划分代码到不同的函数中是由您来决定的，但在逻辑上，划分通常…
阅读更多...
【JAVA-Day76】Java线程解析：三态和五态

【JAVA-Day76】Java线程解析：三态和五态

Java线程解析：三态和五态 《Java线程状态深度解析：三态和五态探秘 😎》摘要引言一、什么是三态 😊二、什么是五态 😃三、五态之间如何转变3.1 新建状态转换到运行状态3.2 运行状态转换到阻塞状态3.3 运行状态转换到等待…
阅读更多...
为什么Python是数据科学家的首选语言

为什么Python是数据科学家的首选语言

这篇文章全面探讨了Python作为数据科学领域首选语言的原因。从Python的历史、特性，到在数据科学中的应用实例，再到与其他数据科学语言的比较，以及在实际企业中的应用，我们深入剖析了Python的优势与挑战，最后对Python的…
阅读更多...
【原创 附源码】Flutter安卓及iOS海外登录--Facebook登录最详细流程

【原创 附源码】Flutter安卓及iOS海外登录--Facebook登录最详细流程

最近接触了几个海外登录的平台，踩了很多坑，也总结了很多东西，决定记录下来给路过的兄弟坐个参考，也留着以后留着回顾。更新时间为2024年2月12日，后续集成方式可能会有变动，所以目前的集成流程仅供参考&…
阅读更多...
详细分析Redis中数值乱码的根本原因以及解决方式

详细分析Redis中数值乱码的根本原因以及解决方式

目录 前言1. 问题所示2. 原理分析3. 拓展 前言 对于这方面的相关知识推荐阅读： Redis框架从入门到学精（全）Java关于RedisTemplate的使用分析 附代码java框架 零基础从入门到精通的学习路线 附开源项目面经等（超全） …
阅读更多...
nginx2

nginx2

mkdir /usr/local/develop cd /usr/local/develop 下载 wget http://nginx.org/download/nginx-1.17.4.tar.gz yum install git git clone https://github.com/arut/nginx-rtmp-module.git 解压文件 tar zxmf nginx-1.17.4.tar.gz 进入解压目录 cd nginx-1.17.4/ 安装编译…
阅读更多...
Ocr之TesseractOcr的安装及使用

Ocr之TesseractOcr的安装及使用

目录 一、安装环境 二、安装内容 三、安装过程及识别测试 1. 安装过程 2. 程序编写 总结 1. 安装复杂度较低 2. 国外开源Ocr 3. 可设置识别参数 4. 工具类 一、 系统环境windows 10 linux环境也可安装, 可借鉴此篇文章>> | 二、安装内容 Tesseract exe 程序安…
阅读更多...
锐捷（二十一）全局地址绑定

锐捷（二十一）全局地址绑定

vlan划分和vlanif接口配置略，注意vlanif接口里要no shutdown配置如下： Address-bind 192.168.1.1 AAAA.BBBB.CCCCAddress-bind uplink g0/0Address-bind binding-filter loggingAddress-bind install 此时，IP为192.168.1.1 mac地址为AAAA.B…
阅读更多...
2022年9月电子学会青少年软件编程 中小学生Python编程等级考试二级真题解析（选择题）

2022年9月电子学会青少年软件编程 中小学生Python编程等级考试二级真题解析（选择题）

2022年9月Python编程等级考试二级真题解析 选择题（共25题，每题2分，共50分） 1、运行以下代码，结果输出的是 means[Thank,You] print(len(means)) A、1 B、2 C、6 D、8 答案：B 考点分析：考…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023