Android屏幕适配(7) — 头条屏幕适配终极版

立即下载用AI写一个

发布时间：2022-07-25

0人 | 浏览：3605次 | 收藏 |

技术：Android+屏幕适配

概述

封装头条适配屏幕方案终极版，集成方便，调用逻辑清晰

详细

### 前言
在之前的文章中，我们讲到了`Android`屏幕适配的一些知识，大家感兴趣的话可参考
[Android屏幕适配(1) — 概念解释](https://www.jianshu.com/p/a8e8fe6ddb26)
[Android屏幕适配(2) — drawable与mipmap](https://www.jianshu.com/p/3b5840448682)
[Android屏幕适配(3) — 资源文件夹命名与匹配规则](https://www.jianshu.com/p/8153d3993e22)
[Android屏幕适配(4) — 宽高限定符](https://www.jianshu.com/p/2e61a57ac300)
[Android屏幕适配(5) — 最小宽度smallWidth适配](https://www.jianshu.com/p/cd48f1a72c16)
[Android屏幕适配(6) — 今日头条屏幕适配](https://www.jianshu.com/p/c08904525cb8)
这节我们讲讲今日头条屏幕适配终极方案。
今天设计知识有：
1. `AndroidAutoSize`库简介
2. `AndroidAutoSize`引用
3. 封装`AndroidAutoSize`功能类介绍
4. 封装`AndroidAutoSize`功能的使用
    4.1  `MainAfast.xml` 中配置设计图屏幕适配尺寸
    4.2  `Application`初始化
    4.3  `Activity`屏幕适配
    4.4  `Activity`屏幕取消适配
    4.5  `Fragment`屏幕适配
    4.6  `Fragment`屏幕取消适配
    4.7  屏幕适配注意事项
5. 项目结构图及效果图

#### 一. AndroidAutoSize 库简介
 `AndroidAutoSize`库是基于`头条屏幕适配`原理的优化实现的，其代码库的使用地址如下：
[AndroidAutoSize](https://github.com/JessYanCoding/AndroidAutoSize)
在gitHub上使用的人挺多。今天讲讲此屏幕适配库结合项目的集成使用。
#### 二.  AndroidAutoSize 引用
若为`gradle7.0以下`项目，在自己的项目`root`的`build.gradle`中添加如下引用：
```
allprojects {
    repositories {
        ...
        maven { url "https://jitpack.io" }
        maven { url 'https://maven.aliyun.com/repository/gradle-plugin' }
    }
}
```
若为`gradle7.0以上`项目，在自己的项目`root`的`settings.gradle`中添加如下引用：
```
pluginManagement {
    repositories {
        gradlePluginPortal()
        google()
        mavenCentral()
        maven { url 'https://jitpack.io' }
        maven { url 'https://maven.aliyun.com/repository/gradle-plugin' }
    }
}
dependencyResolutionManagement {
    repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
    repositories {
        google()
        mavenCentral()
        maven { url 'https://jitpack.io' }
        maven { url 'https://maven.aliyun.com/repository/gradle-plugin' }
    }
}
```
以上为在项目`root`对应的`xxx.gradle`中做的配置，接着在自己`app_module`的`build.gradle`中添加库引用：
```
implementation 'me.jessyan:autosize:1.2.1'
```
#### 三. 封装 AndroidAutoSize 功能的使用
假设在我们自己的项目中有一个`Activity`的基类`BaseActivity`，然后有一个`Fragment`的基类`BaseFragment`。
在这里我对该库做了些处理，便于项目集成使用。整合成以几个类：
- **AutoAdapterHelper:** 屏幕适配帮助类
- **SuperAutoSizeActivity：**此类继承我们自己的`BaseActivity`，主要处理屏幕适配中出现不生效问题
- **ApplyAutoActivity：** 此类继承`SuperAutoSizeActivity`，我们自己创建的`Activity`需要采用此适配屏幕框架的界面统一继承`ApplyAutoActivity`
- **ApplyAutoFragment:** 此类继承我们项目的`Fragment`基类`BaseFragment`,当我们自建的`Fragment`要做屏幕适配，需要继承此类。
- **CancelAutoActivity:** 此类继承我们项目的`Activity`基类`BaseActivity`,当我们自建的`Activity`取消屏幕适配时，需要继承此类。
- **CancelAutoFragment:** 此类继承我们项目的`Fragment`基类`BaseFragment`,当我们自建的`Fragment`取消屏幕适配时，需要继承此类。

#### 四. 封装`AndroidAutoSize`功能的使用
ok，框架的引用及几个封装帮助类的功能都已经讲解完了。接下来讲讲在项目中如何使用。
##### 4.1  MainAfast.xml 中配置设计图屏幕适配尺寸
假设`UI`出图的设计标准对标屏幕尺寸为: `宽x高= 1080(px) x 1920(px)`
则利用公式
$$dp=ScreenUtil.px2dp(px, context)$$ 
算出 `宽x高` 对应`dp`值为：`360x640`
接着在你项目的`MainAfast.xml`中添加设计屏幕尺寸信息，类似如下：
```
<manifest>
    <application>            
        <meta-data
            android:name="design_width_in_dp"
            android:value="360"/>  //以你设计图宽度dp值为准
        <meta-data
            android:name="design_height_in_dp"
            android:value="640"/>  //以你设计图高度dp值为准          
     </application>           
</manifest>
```
**需要注意的是，`design_width_in_dp`和`design_height_in_dp`填的是你设计图上宽高px转成dp后的尺寸**
##### 4.2  Application初始化
在你项目的`Application`中做初始化配置，如下：
```
public class AppContext extends Application {

private static AppContext instance;

public static synchronized AppContext getInstance() {
        return instance;
    }

@Override
    public void onCreate() {
        super.onCreate();
        instance = this;

//屏幕适配AutoSize框架初始化
        new AutoAdapterHelper().init(this) //防止方法数65535
                .initForFragment(true); //适配fragment

}

}
```
##### 4.3  Activity屏幕适配
`SuperAutoSizeActivity`继承你项目中的`BaseActivity`，然后你新建的`Activity`(如`TestActivity`)实现屏幕适配，可以像下面这样：
```
//实现屏幕适配
public class TestActivity extends ApplyAutoActivity{

}
```
若要自定义适配标准和尺寸,可以像下面这样:
```
//实现屏幕适配
public class TestActivity extends ApplyAutoActivity{

@Override
    public boolean isBaseOnWidth() {
        //默认ture，表示以最小宽度适配，false表示以最小高度适配
        return false;
    }

@Override
    public float getSizeInDp() {
        //表示此界面以最小高度 667dp (如果设计图是px的话要转换成dp)适配屏幕
        return 667;
    }
}
```
##### 4.4  Activity屏幕取消适配
`CancelAutoActivity`继承你项目中的`BaseActivity`，然后你新建的`Activity`(如`TestActivity`)取消屏幕适配，可以像下面这样：
```
//取消屏幕适配
public class TestActivity extends CancelAutoActivity{

}
```
##### 4.5  Fragment屏幕适配
`ApplyAutoFragment`继承你项目中的`BaseFragment`，然后你新建的`Fragment`(如`TestFragment`)实现屏幕适配，可以像下面这样：
```
//实现屏幕适配
public class TestFragment extends ApplyAutoFragment{

}
```
若要自定义适配标准和尺寸,可以像下面这样:
```
//实现屏幕适配
public class TestFragment extends ApplyAutoFragment{

@Override
    public boolean isBaseOnWidth() {
        //默认ture，表示以最小宽度适配，false表示以最小高度适配
        return false;
    }

@Override
    public float getSizeInDp() {
        //表示此界面以最小高度 667dp (如果设计图是px的话要转换成dp)适配屏幕
        return 667;
    }
}
```
##### 4.6  Fragment屏幕取消适配
`CancelAutoFragment`继承你项目中的`BaseFragment`，然后你新建的`Fragment`(如`TestFragment`)取消屏幕适配，可以像下面这样：
```
//取消屏幕适配
public class TestFragment extends CancelAutoFragment{

}
```
##### 4.7  屏幕适配注意事项
- `SuperAutoSizeActivity` 和 `CancelAutoActivity` 要继承我们项目自己的 `Activity` 基类 `BaseActivity`。
- `ApplyAutoFragment` 和 `CancelAutoFragment` 要继承我们项目自己的 `Fragment` 基类 `BaseFragment`。
- 在`MainAfast.xml`中设计宽高要填设计图px转化成dp的值，在自定义`Activity/Fragment`中重设的`SizeInDp`是需求给的是px值的话要转成dp值，
在界面对应的布局`xml`文件中，`ui`给出的是px值的话也要转成dp值。
#### 五. 项目结构图及效果图
![](/contentImages/image/20220725/usslUz9rJ2ppYWY0xDL.png)

![](/contentImages/image/20220725/LmHEzY7scgljWRab4qz.png)

ok，今天关于`头条屏幕适配终极版`的内容就介绍到这里了，谢谢大家。

本实例支付的费用只是购买源码的费用，如有疑问欢迎在文末留言交流，如需作者在线代码指导、定制等，在作者开启付费服务后，可以点击“购买服务”进行实时联系，请知悉，谢谢

感谢

手机上随时阅读、收藏该文章？请扫下方二维码

Android屏幕适配(7) — 头条屏幕适配终极版

概述

详细

相似例子推荐

评论

作者

评分详细

作者例子