Android LinearLayout實現(xiàn)自動換行效果

更新時間：2018年08月26日 08:47:55 作者：星辰之力

這篇文章主要為大家詳細介紹了Android LinearLayout實現(xiàn)自動換行效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下

在我們開發(fā)過程中會經(jīng)常遇見一些客戶要求但是Android系統(tǒng)又不提供的效果，這時我們只能自己動手去實現(xiàn)它，或者從網(wǎng)絡上借鑒他人的資源，本著用別人不如自己會做的心態(tài)，在此我總結(jié)了一下Android中如何實現(xiàn)自動換行的LinearLayout。

在本文中，說是LinearLayout其實是繼承自GroupView，在這里主要重寫了兩個方法，onMeasure、onLayout方法，下面我對此加以介紹。（代碼中使用了AttributeSet，由于時間問題不再予以介紹）。

1. onMeasure是干什么的？

在ViewGroup的創(chuàng)建過程中，onMeasure是在onLayout之前的，所以在此先對onMeasure進行介紹，onMeasure方法是計算子控件與父控件在屏幕中所占長寬大小的，onMeasure傳入兩個參數(shù)——widthMeasureSpec和heightMeasureSpec. 這兩個參數(shù)指明控件可獲得的空間以及關于這個空間描述的元數(shù)據(jù).

int withMode = MeasureSpec.getMode(widthMeasureSpec);
int withSize = MeasureSpec.getSize(widthMeasureSpec);
int heightMode = MeasureSpec.getMode(heightMeasureSpec);
int heightSize = MeasureSpec.getSize(heightMeasureSpec);

Mode有3種模式分別是UNSPECIFIED, EXACTLY和AT_MOST，如果是AT_MOST，Size代表的是最大可獲得的空間；如果是EXACTLY，Size代表的是精確的尺寸；如果是UNSPECIFIED，就是你想要多少就有多少。經(jīng)過代碼測試就知道，當我們設置width或height為fill_parent時，容器在布局時調(diào)用子 view的measure方法傳入的模式是EXACTLY，因為子view會占據(jù)剩余容器的空間，所以它大小是確定的。而當設置為 wrap_content時，容器傳進去的是AT_MOST, 表示子view的大小最多是多少，這樣子view會根據(jù)這個上限來設置自己的尺寸。當子view的大小設置為精確值時，容器傳入的是EXACTLY。

2. onLayout是干什么的？

與onMesaure相比，onLayout更加容易理解，它的作用就是調(diào)座位，就是把所有的子View根據(jù)不同的需要，通過View. layout(int l, int t, int r, int b)方法指定它所在的位置。

3. 解決問題

只要對onMeasure和onLayout加以理解，對于該篇所要實現(xiàn)的功能就不再難以實現(xiàn)，下面貼上代碼，并在代碼中講解。

WaroLinearLayout.java

public class WarpLinearLayout extends ViewGroup {
 
  private Type mType;
  private List<WarpLine> mWarpLineGroup;
 
  public WarpLinearLayout(Context context) {
    this(context, null);
  }
 
  public WarpLinearLayout(Context context, AttributeSet attrs) {
    this(context, attrs, R.style.WarpLinearLayoutDefault);
  }
 
  public WarpLinearLayout(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
    mType = new Type(context, attrs);
  }
 
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    int withMode = MeasureSpec.getMode(widthMeasureSpec);
    int withSize = MeasureSpec.getSize(widthMeasureSpec);
    int heightMode = MeasureSpec.getMode(heightMeasureSpec);
    int heightSize = MeasureSpec.getSize(heightMeasureSpec);
    int with = 0;
    int height = 0;
    int childCount = getChildCount();
    /**
     * 在調(diào)用childView。getMeasre之前必須先調(diào)用該行代碼，用于對子View大小的測量
     */
    measureChildren(widthMeasureSpec, heightMeasureSpec);
    /**
     * 計算寬度
     */
    switch (withMode) {
      case MeasureSpec.EXACTLY:
        with = withSize;
        break;
      case MeasureSpec.AT_MOST:
        for (int i = 0; i < childCount; i++) {
          if (i != 0) {
            with += mType.horizontal_Space;
          }
          with += getChildAt(i).getMeasuredWidth();
        }
        with += getPaddingLeft() + getPaddingRight();
        with = with > withSize ? withSize : with;
        break;
      case MeasureSpec.UNSPECIFIED:
        for (int i = 0; i < childCount; i++) {
          if (i != 0) {
            with += mType.horizontal_Space;
          }
          with += getChildAt(i).getMeasuredWidth();
        }
        with += getPaddingLeft() + getPaddingRight();
        break;
      default:
        with = withSize;
        break;
 
    }
    /**
     * 根據(jù)計算出的寬度，計算出所需要的行數(shù)
     */
    WarpLine warpLine = new WarpLine();
    /**
     * 不能夠在定義屬性時初始化，因為onMeasure方法會多次調(diào)用
     */
    mWarpLineGroup = new ArrayList<WarpLine>();
    for (int i = 0; i < childCount; i++) {
      if (warpLine.lineWidth + getChildAt(i).getMeasuredWidth() + mType.horizontal_Space > with) {
        if (warpLine.lineView.size() == 0) {
          warpLine.addView(getChildAt(i));
          mWarpLineGroup.add(warpLine);
          warpLine = new WarpLine();
        } else {
          mWarpLineGroup.add(warpLine);
          warpLine = new WarpLine();
          warpLine.addView(getChildAt(i));
        }
      } else {
        warpLine.addView(getChildAt(i));
      }
    }
    /**
     * 添加最后一行
     */
    if (warpLine.lineView.size() > 0 && !mWarpLineGroup.contains(warpLine)) {
      mWarpLineGroup.add(warpLine);
    }
    /**
     * 計算寬度
     */
    height = getPaddingTop() + getPaddingBottom();
    for (int i = 0; i < mWarpLineGroup.size(); i++) {
      if (i != 0) {
        height += mType.vertical_Space;
      }
      height += mWarpLineGroup.get(i).height;
    }
    switch (heightMode) {
      case MeasureSpec.EXACTLY:
        height = heightSize;
        break;
      case MeasureSpec.AT_MOST:
        height = height > heightSize ? heightSize : height;
        break;
      case MeasureSpec.UNSPECIFIED:
        break;
      default:
        break;
    }
    setMeasuredDimension(with, height);
  }
 
  @Override
  protected void onLayout(boolean changed, int l, int t, int r, int b) {
    t = getPaddingTop();
    for (int i = 0; i < mWarpLineGroup.size(); i++) {
      int left = getPaddingLeft();
      WarpLine warpLine = mWarpLineGroup.get(i);
      int lastWidth = getMeasuredWidth() - warpLine.lineWidth;
      for (int j = 0; j < warpLine.lineView.size(); j++) {
        View view = warpLine.lineView.get(j);
        if (isFull()) {//需要充滿當前行時
          view.layout(left, t, left + view.getMeasuredWidth() + lastWidth / warpLine.lineView.size(), t + view.getMeasuredHeight());
          left += view.getMeasuredWidth() + mType.horizontal_Space + lastWidth / warpLine.lineView.size();
        } else {
          switch (getGrivate()) {
            case 0://右對齊
              view.layout(left + lastWidth, t, left + lastWidth + view.getMeasuredWidth(), t + view.getMeasuredHeight());
              break;
            case 2://居中對齊
              view.layout(left + lastWidth / 2, t, left + lastWidth / 2 + view.getMeasuredWidth(), t + view.getMeasuredHeight());
              break;
            default://左對齊
              view.layout(left, t, left + view.getMeasuredWidth(), t + view.getMeasuredHeight());
              break;
          }
          left += view.getMeasuredWidth() + mType.horizontal_Space;
        }
      }
      t += warpLine.height + mType.vertical_Space;
    }
  }
 
  /**
   * 用于存放一行子View
   */
  private final class WarpLine {
    private List<View> lineView = new ArrayList<View>();
    /**
     * 當前行中所需要占用的寬度
     */
    private int lineWidth = getPaddingLeft() + getPaddingRight();
    /**
     * 該行View中所需要占用的最大高度
     */
    private int height = 0;
 
    private void addView(View view) {
      if (lineView.size() != 0) {
        lineWidth += mType.horizontal_Space;
      }
      height = height > view.getMeasuredHeight() ? height : view.getMeasuredHeight();
      lineWidth += view.getMeasuredWidth();
      lineView.add(view);
    }
  }
 
  /**
   * 對樣式的初始化
   */
  private final static class Type {
    /*
     *對齊方式 right 0，left 1，center 2
    */
    private int grivate;
    /**
     * 水平間距,單位px
     */
    private float horizontal_Space;
    /**
     * 垂直間距,單位px
     */
    private float vertical_Space;
    /**
     * 是否自動填滿
     */
    private boolean isFull;
 
    Type(Context context, AttributeSet attrs) {
      if (attrs == null) {
        return;
      }
      TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.WarpLinearLayout);
      grivate = typedArray.getInt(R.styleable.WarpLinearLayout_grivate, grivate);
      horizontal_Space = typedArray.getDimension(R.styleable.WarpLinearLayout_horizontal_Space, horizontal_Space);
      vertical_Space = typedArray.getDimension(R.styleable.WarpLinearLayout_vertical_Space, vertical_Space);
      isFull = typedArray.getBoolean(R.styleable.WarpLinearLayout_isFull, isFull);
    }
  }
 
  public int getGrivate() {
    return mType.grivate;
  }
 
  public float getHorizontal_Space() {
    return mType.horizontal_Space;
  }
 
  public float getVertical_Space() {
    return mType.vertical_Space;
  }
 
  public boolean isFull() {
    return mType.isFull;
  }
 
  public void setGrivate(int grivate) {
    mType.grivate = grivate;
  }
 
  public void setHorizontal_Space(float horizontal_Space) {
    mType.horizontal_Space = horizontal_Space;
  }
 
  public void setVertical_Space(float vertical_Space) {
    mType.vertical_Space = vertical_Space;
  }
 
  public void setIsFull(boolean isFull) {
    mType.isFull = isFull;
  }
 
  /**
   * 每行子View的對齊方式
   */
  public final static class Gravite {
    public final static int RIGHT = 0;
    public final static int LEFT = 1;
    public final static int CENTER = 2;
  }
}

attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
  <declare-styleable name="WarpLinearLayout">
    <attr name="grivate" format="enum"><!--對齊方式 !-->
      <enum name="right" value="0"></enum>
      <enum name="left" value="1"></enum>
      <enum name="center" value="2"></enum>
    </attr>
    <attr name="horizontal_Space" format="dimension"></attr>
    <attr name="vertical_Space" format="dimension"></attr>
    <attr name="isFull" format="boolean"></attr>
  </declare-styleable>
</resources>

WarpLinearLayoutDefault

<style name="WarpLinearLayoutDefault">
    <item name="grivate">left</item>
    <item name="horizontal_Space">20dp</item>
    <item name="vertical_Space">20dp</item>
    <item name="isFull">false</item>
</style>

MainActivity.java

public class MainActivity extends Activity {
  private Button btn;
  private WarpLinearLayout warpLinearLayout;
 
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    btn = (Button) findViewById(R.id.btn);
    warpLinearLayout = (WarpLinearLayout) findViewById(R.id.warpLinearLayout);
    btn.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View v) {
        int n = new Random().nextInt(10) + 5;
        StringBuffer stringBuffer = new StringBuffer();
        Random random = new Random();
        Log.i("WarpLinearLayout","n="+n);
        for (int i = 0; i < n; i++) {
          stringBuffer.append((char)(65+random.nextInt(26)));
          Log.i("WarpLinearLayout", "StringBuffer=" + stringBuffer.toString());
        }
        TextView tv = new TextView(MainActivity.this);
        tv.setText(stringBuffer.toString()+"000");
        tv.setBackgroundResource(R.drawable.radius_backgroup_yellow);
        tv.setPadding(10,10,10,10);
        warpLinearLayout.addView(tv);
      }
    });
  }
}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
  android:paddingBottom="@dimen/activity_vertical_margin"
  android:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"
  tools:context=".MainActivity">
 
  <Button
    android:id="@+id/btn"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="add"
    android:textSize="20dp" />
 
  <com.example.customview.viewgroup.WarpLinearLayout
    android:id="@+id/warpLinearLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_below="@id/btn"
    android:background="#FF00FF00"
    android:padding="10dp"
    app:grivate="right"
    app:horizontal_Space="10dp"
    app:isFull="false"
    app:vertical_Space="10dp"></com.example.customview.viewgroup.WarpLinearLayout>
</RelativeLayout>

運行效果圖如下：

以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

Android實現(xiàn)鬧鐘小程序
這篇文章主要為大家詳細介紹了Android實現(xiàn)鬧鐘小程序，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-06-06
android studio的Handler簡單實例代碼
今天通過實例代碼給大家介紹android studio的Handler簡單用法，代碼簡單易懂，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友參考下吧
2021-10-10
Android開發(fā)gradle拉取依賴的加速配置
這篇文章主要為大家介紹了Android開發(fā)gradle拉取依賴的加速配置，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2022-06-06
Android生存指南之:開發(fā)中的注意事項
本篇文章是對在Android開發(fā)中的一些注意事項，需要的朋友可以參考下
2013-05-05
Android開發(fā)中使用Intent打開第三方應用及驗證可用性的方法詳解
這篇文章主要介紹了Android開發(fā)中使用Intent打開第三方應用及驗證可用性的方法,結(jié)合實例形式分析了Android使用Intent打開第三方應用的三種常用方式及使用注意事項,需要的朋友可以參考下
2017-11-11
Android實現(xiàn)靜態(tài)廣播監(jiān)聽器的方法
這篇文章主要介紹了Android實現(xiàn)靜態(tài)廣播監(jiān)聽器的方法,涉及Android的廣播機制與記錄監(jiān)聽廣播信息的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-07-07
Android設計模式系列之工廠方法模式
工廠方法模式，往往是設計模式初學者入門的模式，的確，有人稱之為最為典型最具啟發(fā)效果的模式。接下來通過本文給大家介紹Android設計模式系列之工廠方法模式，感興趣的朋友一起學習吧
2016-09-09
android調(diào)用web service(cxf)實例應用詳解
Google為ndroid平臺開發(fā)Web Service提供了支持，提供了Ksoap2-android相關架包接下來介紹android調(diào)用web service(cxf),感興趣的朋友可以了解下
2013-01-01
Android中Fragment的加載方式與數(shù)據(jù)通信詳解
本文主要介紹了Android中Fragment的加載方式與數(shù)據(jù)通信的相關知識。具有很好的參考價值。下面跟著小編一起來看下吧
2017-03-03
淺析KJFrameForAndroid框架如何高效加載Bitmap
Bitmap是Android系統(tǒng)中的圖像處理的最重要類之一。用它可以獲取圖像文件信息，進行圖像剪切、旋轉(zhuǎn)、縮放等操作，并可以指定格式保存圖像文件。本文主要是從KJFrameForAndroid框架中分析高效加載Bitmap的方法
2014-07-07