弹性布局和AndroidAutoSize屏幕适配

导言:
技术在不断的革新,需要有新的技术代替老的方案,老的不再维护,新的一直推荐,作为技术也不能一直停滞不前

概念:
弹性布局(约束布局): ConstraintLayout可以算是RelativeLayout的升级版
屏幕适配: 百分比和最小宽度从px的AndroidAutoLayout方案到dp,pm等主副单位AndroidAutoSize方案

案例步骤:
1:ConstraintLayout(弹性布局(约束布局)):
基本属性:crr,clr,ctb等等,按照400x640设计图dp编写

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout 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="@dimen/dp400"android:layout_height="wrap_content"tools:context="MainActivity"><com.youth.banner.Bannerandroid:id="@+id/main_banner"android:layout_width="wrap_content"android:layout_height="315dp"android:layout_alignParentTop="true"android:background="#fff"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent" /><RelativeLayoutandroid:layout_width="match_parent"android:layout_height="30dp"android:layout_alignParentTop="true"android:alpha="0.2"android:background="#FFFFFF"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent" /><ImageViewandroid:layout_width="100dp"android:layout_height="17dp"android:layout_marginLeft="15dp"android:layout_marginTop="7dp"android:src="@drawable/logo_main"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintTop_toTopOf="parent" /><ImageViewandroid:id="@+id/main_exit_dialog_iv"android:layout_width="28dp"android:layout_height="18dp"android:layout_marginRight="15dp"android:layout_marginTop="4dp"android:src="@drawable/back_button_main"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toTopOf="parent" /><TextViewandroid:id="@+id/main_notice_iv"android:layout_width="18dp"android:layout_height="10dp"android:layout_marginLeft="@dimen/dp16"android:layout_marginTop="@dimen/dp10"android:background="@drawable/notice"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintTop_toBottomOf="@+id/main_banner" /><TextViewandroid:id="@+id/main_notice_detail"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="@dimen/dp10"android:layout_marginTop="@dimen/dp5"android:text="@string/lottery_notice"android:textSize="12sp"app:layout_constraintLeft_toRightOf="@+id/main_notice_iv"app:layout_constraintTop_toBottomOf="@+id/main_banner" /><ImageViewandroid:id="@+id/main_image_iv"android:layout_width="171dp"android:layout_height="256dp"android:layout_marginLeft="@dimen/dp16"android:layout_marginTop="@dimen/dp5"android:src="@drawable/main_image"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintTop_toBottomOf="@+id/main_notice_iv" /><Buttonandroid:id="@+id/main_p3_bt"android:layout_width="55dp"android:layout_height="@dimen/dp32"android:layout_marginLeft="12dp"android:layout_marginTop="@dimen/dp5"android:background="@drawable/button_select_p3"tools:layout_editor_absoluteX="200dp"tools:layout_editor_absoluteY="346dp"app:layout_constraintLeft_toRightOf="@+id/main_image_iv"app:layout_constraintTop_toBottomOf="@+id/main_notice_detail"/><Buttonandroid:id="@+id/main_p5_bt"android:layout_width="@dimen/dp55"android:layout_height="32dp"android:layout_marginLeft="12dp"android:layout_marginTop="@dimen/dp5"android:background="@drawable/button_select_p5"app:layout_constraintLeft_toRightOf="@+id/main_p3_bt"app:layout_constraintTop_toBottomOf="@id/main_notice_iv" /><Buttonandroid:id="@+id/main_p10_bt"android:layout_width="55dp"android:layout_height="32dp"android:layout_marginLeft="12dp"android:layout_marginTop="@dimen/dp5"android:background="@drawable/button_select_p10"app:layout_constraintLeft_toRightOf="@id/main_p5_bt"app:layout_constraintTop_toBottomOf="@id/main_notice_iv" /><TextViewandroid:id="@+id/main_ten_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="@dimen/dp17"android:layout_marginTop="@dimen/dp13"android:text="bbbbbbbbb"android:textSize="12sp"app:layout_constraintLeft_toRightOf="@id/main_image_iv"app:layout_constraintTop_toBottomOf="@id/main_p3_bt" /><TextViewandroid:id="@+id/main_ticket_num_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="@dimen/dp19"android:layout_marginRight="@dimen/dp19"android:includeFontPadding="false"android:text="0"android:textColor="@color/result_view"android:textSize="80sp"android:textStyle="bold"app:layout_constraintLeft_toRightOf="@+id/main_image_iv"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toBottomOf="@+id/main_ten_tv" /><Buttonandroid:id="@+id/main_sub_bt"android:layout_width="@dimen/dp60"android:layout_height="@dimen/dp60"android:layout_marginLeft="@dimen/dp13"android:layout_marginTop="@dimen/dp63"android:background="@drawable/button_select_sub"app:layout_constraintLeft_toRightOf="@+id/main_image_iv"app:layout_constraintTop_toBottomOf="@id/main_ten_tv" /><Buttonandroid:id="@+id/main_add_bt"android:layout_width="@dimen/dp60"android:layout_height="@dimen/dp60"android:layout_marginLeft="@dimen/dp13"android:layout_marginRight="@dimen/dp13"android:layout_marginTop="@dimen/dp63"android:background="@drawable/button_select_add"app:layout_constraintRight_toRightOf="parent"app:layout_constraintTop_toBottomOf="@+id/main_ten_tv" /><TextViewandroid:id="@+id/main_xjf_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="@dimen/dp22"android:layout_marginTop="5dp"android:text="xxx"android:textColor="@color/result_view"android:textSize="12sp"app:layout_constraintLeft_toRightOf="@+id/main_image_iv"app:layout_constraintTop_toBottomOf="@id/main_sub_bt" /><TextViewandroid:id="@+id/main_payment_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="5dp"android:text="0"android:textColor="@color/color_006"android:textSize="12sp"app:layout_constraintLeft_toRightOf="@+id/main_xjf_tv"app:layout_constraintTop_toBottomOf="@id/main_sub_bt" /><TextViewandroid:id="@+id/main_yuan_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="5dp"android:text="aaa"android:textColor="@color/result_view"android:textSize="12sp"app:layout_constraintLeft_toRightOf="@+id/main_payment_tv"app:layout_constraintTop_toBottomOf="@id/main_sub_bt" /><TextViewandroid:id="@+id/main_yuxia_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="@dimen/dp15"android:layout_marginTop="5dp"android:text="yyyyy："android:textColor="@color/result_view"android:textSize="12sp"app:layout_constraintLeft_toRightOf="@+id/main_yuan_tv"app:layout_constraintTop_toBottomOf="@id/main_sub_bt" /><TextViewandroid:id="@+id/main_ticket_surplus_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="5dp"android:text="0"android:textColor="@color/color_006"android:textSize="12sp"app:layout_constraintLeft_toRightOf="@+id/main_yuxia_tv"app:layout_constraintTop_toBottomOf="@id/main_sub_bt" /><TextViewandroid:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="5dp"android:text="aaa"android:textColor="@color/result_view"android:textSize="12sp"app:layout_constraintLeft_toRightOf="@+id/main_ticket_surplus_tv"app:layout_constraintTop_toBottomOf="@id/main_sub_bt" /><Buttonandroid:id="@+id/main_go_payment_bt"android:layout_width="186dp"android:layout_height="43dp"android:layout_marginLeft="@dimen/dp13"android:layout_marginTop="@dimen/dp5"android:background="@drawable/go_buy"app:layout_constraintLeft_toRightOf="@+id/main_image_iv"app:layout_constraintTop_toBottomOf="@id/main_xjf_tv" /><TextViewandroid:id="@+id/main_device_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginLeft="@dimen/dp15"android:layout_marginTop="@dimen/dp10"android:text="aaaaa: "android:textSize="11sp"app:layout_constraintLeft_toLeftOf="parent"app:layout_constraintTop_toBottomOf="@+id/main_image_iv" /><TextViewandroid:id="@+id/main_device_serial_num_tv"android:layout_width="wrap_content"android:layout_height="wrap_content"android:layout_marginTop="@dimen/dp10"android:text="00000000"android:textSize="11sp"app:layout_constraintLeft_toRightOf="@+id/main_device_tv"app:layout_constraintTop_toBottomOf="@+id/main_image_iv" /></android.support.constraint.ConstraintLayout>

2:AndroidAutoSize
2.1:导包

implementation 'me.jessyan:autosize:1.1.0'

2.2:配置androidmainfest,这个是按照UI给的设计图

 <meta-dataandroid:name="design_width_in_dp"android:value="400" /><meta-dataandroid:name="design_height_in_dp"android:value="640" />

2.3:其他API
CustomAdapt:修改当前页面的设计图尺寸

public class MainActivity extends AppCompatActivity  implements CustomAdapt  {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);ButterKnife.inject(this);}// @return {@code true} 为按照宽度进行适配, {@code false} 为按照高度进行适配@Overridepublic boolean isBaseOnWidth() {return true;}
//根据上面这个赋值,比如原图是宽度400适配,这个改成360宽度@Overridepublic float getSizeInDp() {return 360;}
}

CancelAdapt :保存原样,放弃自动适配

ok,结束,以后就用这个.

弹性布局和AndroidAutoSize屏幕适配相关推荐

android 多套布局适配,Android屏幕适配重点盘点
引子屏幕适配是 android 开发/面试绕不开的一个问题.本文将屏幕适配的知识要点完整展现给各位读者. 正文大纲 android需要做屏幕适配的原因基础知识点(很重要) 屏幕适配攻略正文 ...
谈谈响应式布局或移动端适配
前言自适应.响应式.rem弹性布局曾经它们划分的界限还是比较明显的,但现在基本都是综合运用了媒体查询什么是媒体查询? 就是为不同尺寸的屏幕设定不同的CSS样式,一般用在移动端 <style ...
android dp sp px_Android屏幕适配★★重点盘点★★
引言屏幕适配是 android 开发/面试绕不开的一个问题.本文将屏幕适配的知识要点完整展现给各位读者. 正文大纲 android需要做屏幕适配的原因基础知识点(★★★很重要★★★) 屏幕适配 ...
2021年最详细的Android屏幕适配方案汇总
1 Android屏幕适配的度量单位和相关概念建议在阅读本文章之前,可以先阅读快乐李同学写的文章<Android屏幕适配的度量单位和相关概念>,这篇文章包含了阅读本文的一些基础知识,推荐 ...
android 修改 dpi_Android屏幕适配重点盘点
引子屏幕适配是 android 开发/面试绕不开的一个问题.本文将屏幕适配的知识要点完整展现给各位读者. 正文大纲 android需要做屏幕适配的原因基础知识点(很重要) 屏幕适配攻略正文 ...
Android屏幕适配；知识点+攻略+面试要点
引子屏幕适配是 android 开发/面试绕不开的一个问题.本文将屏幕适配的知识要点完整展现给各位读者. 正文大纲 android需要做屏幕适配的原因基础知识点(很重要) 屏幕适配攻略正文 ...
android做好屏幕适配,android屏幕适配
Android一些尺寸单位的基础概念描述屏幕尺寸:单位英寸,屏幕对角线的物理尺寸. dp:官方是根据320480为基准指定dp值,即dpi160下,1dp=1px,在dpi320下即分辨率72010 ...
移动端布局三种视口_移动H5的meta视口标签、弹性布局原则和背景图片适配
很多小伙伴对viewport的理解不是很透彻,于是这一篇重点聊聊viewport(视图)的知识点.以帮助大家更加容易理解移动端H5页面的适配方案. 解读移动H5适配最重要的html标签:meta视口标 ...
Android屏幕适配AndroidAutoSize的使用
Android屏幕适配AndroidAutoSize的使用 AndroidAutoSize的使用加入依赖配置AndroidManifest.xml主单位或者副单位主单位的配置副单位的配置初始 ...
屏幕适配 AndroidAutoSize 完全解析，踩坑测试与使用注意事项总结
1.设备屏幕参数获取.计算.几个设备相关参数计算示范:某手机 6.39英寸 (对角线),1英寸是160dp,所以是 1022.4dp,分辨率 2340 x 1080,勾股定理得到对角线长为2577. ...

弹性布局和AndroidAutoSize屏幕适配

弹性布局和AndroidAutoSize屏幕适配相关推荐

最新文章

热门文章