Android AutoLayout全新的适配方式

—摘抄学习自http://blog.csdn.net/lmj623565791/article/details/49990941

---

一、介绍

期望达到的适配效果：拿到设计图，不需要额外的计算，meta信息、布局直接超抄设计图上的尺寸，不产生任何多余的资源文件，完成各种分辨率的适配！

来看一下实际使用：

你没有看错，各个单位都用的是px…在我的印象中px是像素啊。。为什么不用dp 呢？

那，这个 px 并不是代表 1 像素，会在内部进行百分比处理，也就是说，720px 高度的屏幕，你这里填写 72px ,占据 10%；当这个布局文件运行在任何分辨率的手机上，这个 72px都能代表 10% 的高度—–>这就是本库适配原理**

看，以上就是用最新的适配方式的效果。屏幕差别很大，但是会视觉上的效果差不多。

二、用法

1.注册设计图尺寸

• 引用AutoLayout包

- 在清单文件中注明设计图尺寸
<meta-data android:name="design_width" android:value="768"></meta-data>
<meta-data android:name="design_height" android:value="1280"></meta-data>

2.在Activity中开启适配

即用Activity继承AutoLayoutActivity

---

以上两步就可以开始使用AutoLayout了，也是最简单的一种用法

如果你不想继承AutoLayoutActivity，写布局文件的时候，将：
•LinearLayout -> AutoLinearLayout
•RelativeLayout -> AutoRelativeLayout
•FrameLayout -> AutoFrameLayout，也可以完成适配

• 如果你不想继承AutoLayoutActivity，那么你就得像 Google的百分比库一样，去用AutoXXXLayout代替系统原有的XXXLayout。
• 当然，你可以放心的是，所有的系统属性原有的属性都会支持，不过根布局就不支持 px 的自动百分比化了。但是一般的根布局都是MATCH_PARENT
• 而上述分方式，根布局也是可以直接 px 的百分比化的。

三、注意事项

1.

写布局的时候，想要实时的预览效果，最好在preview面板上选择和设计稿一样的尺寸，这样看到的预览最为精确。
1）如果设计稿的尺寸不是主流的，可以自己创建一个
2）不要再preview去看所有分辨率下的现实，看不出来效果，因为有些计算是动态的。

2.关于TextView

TextView 这个可能会和设计稿上有一些出入，不是库的原因，而是控件与生俱来的特性：文字的上下方会有一些空隙。如果将高度写死，可能会显示不全。所以可以灵活应对，对于存在字体标识很精确的值，可以将TextView的上下边距变小点。不过，对于其他控件是不存在这样的问题的。

ps:因为TextView的上述问题：所以对于居中，虽然可以使用本库通过编写margin_left，margin_top等很轻松的完成居中。但是为了精确起见，还是建议使用gravity，centerInXXX 等属性完成。

3.指定设置的值参考宽度或高度

由于该库的特点，布局文件中宽高上的1px是不相等的，于是如果需要宽高保持一致的情况，布局中使用属性：
app:layout_auto_basewidth=”height”，代表height上编写的像素值参考宽度。
app:layout_auto_baseheight=”width”，代表width上编写的像素值参考高度。

如果需要指定多个值参考宽度即：
app:layout_auto_basewidth=”height|padding”

用|隔开，类似gravity的用法，取值为：
•width,height
•margin,marginLeft,marginTop,marginRight,marginBottom
•padding,paddingLeft,paddingTop,paddingRight,paddingBottom
•textSize.

4.将状态栏区域作为内容区域

方式：让这个Activity实现UseStatusBar接口(仅仅作为标识左右，不需要实现任何方法)，当然你肯定要自己开启windowTranslucentStatus或者设置FLAG_TRANSLUCENT_STATUS。
注意：仅仅是改变状态栏颜色，并不需要实现此接口，因为并没有实际上增加可用高度。

5.配置

默认使用的高度是设备的可用高度，即不包括状态栏和底部操作栏的，如果你想拿设备的物理高度做百分比化，可以在Application的onCreate方法中进行设置:

public class UseDeviceSizeApplication extends Application
{
    @Override
    public void onCreate()
    {
        super.onCreate();
        AutoLayoutConifg.getInstance().useDeviceSize();
    }
}

6.扩展

对于其他继承系统的FrameLayout、LinearLayout、RelativeLayout的控件，比如CardView，如果希望再其内部直接支持”px”百分比化，可以自己扩展，扩展方式为下面的代码，也可参考https://github.com/hongyangAndroid/AndroidAutoLayout/issues/21

package com.zhy.sample.view;

import android.content.Context;
import android.support.v7.widget.CardView;
import android.util.AttributeSet;

import com.zhy.autolayout.AutoFrameLayout;
import com.zhy.autolayout.utils.AutoLayoutHelper;

public class AutoCardView extends CardView
{
    private final AutoLayoutHelper mHelper = new AutoLayoutHelper(this);

    public AutoCardView(Context context)
    {
        super(context);
    }

    public AutoCardView(Context context, AttributeSet attrs)
    {
        super(context, attrs);
    }

    public AutoCardView(Context context, AttributeSet attrs, int defStyleAttr)
    {
        super(context, attrs, defStyleAttr);
    }

    @Override
    public AutoFrameLayout.LayoutParams generateLayoutParams(AttributeSet attrs)
    {
        return new AutoFrameLayout.LayoutParams(getContext(), attrs);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
    {
        if (!isInEditMode()){
            mHelper.adjustChildren();
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

7.注意事项

ListView、RecyclerView类的Item的适配

• 对于ListView这类控件的item，默认根局部写“px”进行适配是无效的，因为外层非AutoXXXLayout，而是ListView。 但是一行代码就可以解决：

@Override
public View getView(int position, View convertView, ViewGroup parent)
{
    ViewHolder holder = null;
    if (convertView == null)
    {
        holder = new ViewHolder();
        convertView = LayoutInflater.from(mContext).inflate(...);
        convertView.setTag(holder);
        //对于listview，注意添加这一行，即可在item上使用高度
        AutoUtils.autoSize(convertView);
    } else{
        holder = (ViewHolder) convertView.getTag();
    }
    return convertView;
}

  AutoUtils.autoSize(convertView); 这一行代码就可以了

• RecycleView写的位置如下：

public ViewHolder(View itemView)
{
      super(itemView);
      AutoUtils.autoSize(itemView);
}

四、其他

目前支持属性
•layout_width 、layout_height
•layout_margin(left,top,right,bottom)
•pading(left,top,right,bottom)
•textSize
•不会影响系统所有的其他属性，以及不会影响dp,sp的使用

性能的提升

• 通过本库的方式去编写代码，可以在很大程序上使用margin，也就是说，对于View的位置非常好控制，从而能够减少非常多的嵌套，甚至任何一个复杂的界面做到无嵌套。

• 以及，几乎不需要去使用RelativeLayout的规则了，比如rightOf，完全可以由marginLeft完成，其他的rule同理。

• 对于LinearLayout的weight，几乎也不需要使用了，比如屏幕宽度720px，想要四个控件横向均分，完全可以写layout_width=”180px”