IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> 移动开发 -> Android屏幕适配框架(二) -> 正文阅读

[移动开发]Android屏幕适配框架(二)

由于上一篇框架需要控件重新渲染一次,对于大型项目性能方面运行不够快,针对该问题进行优化

核心思想:自定义组件,在组件的onMeasure中就改变控件的长宽等属性

实现方法:自定义百分比组件,使用该组件自动适配该组件下所有子view,以下例子以针对Linearlayout为基础

在attrs.xml中加入如下属性
<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="percentlayout">
        <attr name="width_percent" format="float"></attr>
        <attr name="height_percent" format="float"></attr>
    </declare-styleable>
</resources>
自定义LayoutParams
public static class PercentLinearLayoutParams extends LinearLayoutCompat.LayoutParams implements IGetPercent {
        private float widthPercent;
        private float heightPercent;

        public PercentLinearLayoutParams(Context c, AttributeSet attrs) {
            super(c, attrs);
            TypedArray typedArray = c.obtainStyledAttributes(attrs, R.styleable.percentlayout);
            widthPercent = typedArray.getFloat(R.styleable.percentlayout_width_percent, 0);
            heightPercent = typedArray.getFloat(R.styleable.percentlayout_height_percent, 0);
        }

        public float getWidthPercent() {
            return widthPercent;
        }

        public void setWidthPercent(float widthPercent) {
            this.widthPercent = widthPercent;
        }

        public float getHeightPercent() {
            return heightPercent;
        }

        public void setHeightPercent(float heightPercent) {
            this.heightPercent = heightPercent;
        }
    }
自定义IGetPercent接口利于封装,代码如下:
public interface IGetPercent {
    float getHeightPercent();

    float getWidthPercent();
}
自定义组件继承LinearLayoutCompat
public class PercentLinearLayout extends LinearLayoutCompat
给childView使用自己定义的LayoutParams,只需要改写generateLayoutParams方法
/**
     * 生成自己定义的LayoutParams
     *
     * @param attrs
     * @return
     */
    @Override
    public LayoutParams generateLayoutParams(AttributeSet attrs) {
         return new PercentLinearLayout.PercentLinearLayoutParams(context, attrs);
    }
核心代码:改写onMeasure方法,遍历childView并改变他们的LayoutParams中的属性
/**
     * 子控件逻辑处理操作
     *
     * @param widthMeasureSpec
     * @param heightMeasureSpec
     */
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //获取当前组件的长宽
        int width = View.MeasureSpec.getSize(widthMeasureSpec);
        int height = View.MeasureSpec.getSize(heightMeasureSpec);

        //遍历子view
        for (int i = 0; i < viewGroup.getChildCount(); i++) {
            View view = viewGroup.getChildAt(i);

            ViewGroup.LayoutParams layoutParams = view.getLayoutParams();
            if (layoutParams instanceof IGetPercent) {
                //获取百分比
                float widthPercent = ((IGetPercent) layoutParams).getWidthPercent();
                float heightPercent = ((IGetPercent) layoutParams).getHeightPercent();

                //适配不同屏幕
                ViewsParseUtil.catchChildView(view);
                //设置子view的长宽,优先使用自定义的百分比,会将上一行代码中对长宽的设置覆盖
                if (widthPercent > 0) {
                    layoutParams.width = (int) (width * widthPercent);
                }
                if (heightPercent > 0) {
                    layoutParams.height = (int) (height * heightPercent);
                }
            }
        }
    }
xml中使用自定义的组件,并在子控件中使用自定义属性就能实现百分比布局
<?xml version="1.0" encoding="utf-8"?>
<com.aruba.screenlibrary.layout.PercentLinearLayout xmlns:android="http://schemas.android.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"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="100px"
        android:layout_marginLeft="30px"
        android:background="@android:color/darker_gray"
        android:text="Hello World!"
        app:height_percent="0.5"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        app:width_percent="0.5" />

</com.aruba.screenlibrary.layout.PercentLinearLayout>

结论:在测量方法onMeasure中就完成对控件的适配,不需要重新渲染,提高了性能

项目地址: https://gitee.com/aruba/ScreenAdapter.git

  移动开发 最新文章
Vue3装载axios和element-ui
android adb cmd
【xcode】Xcode常用快捷键与技巧
Android开发中的线程池使用
Java 和 Android 的 Base64
Android 测试文字编码格式
微信小程序支付
安卓权限记录
知乎之自动养号
【Android Jetpack】DataStore
上一篇文章      下一篇文章      查看所有文章
加:2021-10-17 12:06:28  更:2021-10-17 12:08:12 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/23 22:31:04-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码