亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

Android 簡(jiǎn)單實(shí)現(xiàn)一個(gè)流式布局的示例

 更新時(shí)間:2018年02月06日 09:53:39   作者:萌動(dòng)小彩筆  
本篇文章主要介紹了Android 簡(jiǎn)單實(shí)現(xiàn)一個(gè)流式布局的示例,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧

本篇文章主要介紹了Android 簡(jiǎn)單實(shí)現(xiàn)一個(gè)流式布局的示例,分享給大家,具體如下:

流式布局應(yīng)該是我們很常見的一種布局了,在很多場(chǎng)景下都會(huì)遇到它,例如:標(biāo)簽之類的功能等。用輪子不如造輪子來的爽,這里自己簡(jiǎn)單的實(shí)現(xiàn)下流式布局:

  1. onMeasure
  2. onLayout

通過以上兩個(gè)方法我們就可以完成對(duì)流式布局的基本操作:

onMeasure

  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    // 獲得它的父容器為它設(shè)置的測(cè)量模式和大小
    int sizeWidth = MeasureSpec.getSize(widthMeasureSpec);
    int sizeHeight = MeasureSpec.getSize(heightMeasureSpec);
    int modeWidth = MeasureSpec.getMode(widthMeasureSpec);
    int modeHeight = MeasureSpec.getMode(heightMeasureSpec);

    // 如果是warp_content情況下,記錄寬和高
    int width = 0;
    int height = 0;

    //記錄每一行的寬度,width不斷取最大寬度
    int lineWidth = 0;
    //記錄每一行的寬度,不斷累加每行最大高度獲取height
    int lineHeight = 0;

    //獲取子View的數(shù)量
    int childCount = getChildCount();
    //遍歷每個(gè)子元素
    for (int i = 0; i < childCount; i++) {
      //獲取每一個(gè)子View
      View childView = getChildAt(i);
      //測(cè)量每一個(gè)子View的寬和高
      measureChild(childView,widthMeasureSpec,heightMeasureSpec);
      //得到子View的lp
      LayoutParam lp = (LayoutParam) childView.getLayoutParams();
      //當(dāng)前子View實(shí)際占據(jù)的寬度
      int childWidth = childView.getMeasuredWidth() + lp.leftMargin + lp.rightMargin;
      //當(dāng)前子View實(shí)際占據(jù)的高度
      int childHeight = childView.getMeasuredHeight() + lp.bottomMargin + lp.topMargin;

      //如果加入當(dāng)前childView,超出最大寬度,則得到目前最大寬度給width,類加height 然后開啟新行
      if (lineWidth + childWidth > sizeWidth) {
        // 取最大的寬度
        width = Math.max(lineWidth, childWidth);
        //重新開啟新行,重新計(jì)算
        lineWidth = childWidth;
        //疊加當(dāng)前高度
        height += childHeight;
        //記錄下一行高度
        lineHeight = childHeight;
      }else {
        // 累加值lineWidth,lineHeight取最大高度
        lineWidth += childWidth;
        lineHeight = Math.max(lineHeight,childHeight);
      }
      // 如果是最后一個(gè),則將當(dāng)前記錄的最大寬度和當(dāng)前l(fā)ineWidth做比較
      if (i == childCount - 1) {
        width = Math.max(width,lineWidth);
        height += lineHeight;
      }
    }
    setMeasuredDimension(modeWidth == MeasureSpec.EXACTLY?sizeWidth:width,modeHeight == MeasureSpec.EXACTLY?sizeHeight:height);
  }

在onMeasure方法中負(fù)責(zé)設(shè)置子控件的測(cè)量模式和大小 根據(jù)所有子控件設(shè)置自己的寬和高,一旦寬度超出最大寬度便進(jìn)行換行處理。高度不斷累加從而獲取最終高度。

onLayout

  //存儲(chǔ)所有的View,按行記錄
  private List<List<View>> mAllViews = new ArrayList<>();
  //記錄每一行的最大高度
  private List<Integer> mLineHeight = new ArrayList<>();
  @Override
  protected void onLayout(boolean changed, int l, int t, int r, int b) {
    mAllViews.clear();
    mLineHeight.clear();

    int lineWidth = 0;
    int lineHeight = 0;

    int width = getWidth();

    int childCount = getChildCount();
    // 存儲(chǔ)每一行所有的childView
    List<View> lineViews = new ArrayList<>();
    for (int i = 0; i < childCount; i++) {
      View childView = getChildAt(i);
      LayoutParam lp = (LayoutParam) childView.getLayoutParams();
      int childWidth = childView.getMeasuredWidth() + lp.rightMargin + lp.leftMargin;
      int childHeight = childView.getMeasuredHeight() + lp.topMargin + lp.bottomMargin;

      if (lineWidth + childWidth > width) {
        // 記錄這一行所有的View以及最大高度
        mLineHeight.add(lineHeight);
        // 將當(dāng)前行的childView保存,然后開啟新的ArrayList保存下一行的childView
        mAllViews.add(lineViews);
        lineWidth = 0;
        lineViews = new ArrayList<>();
      }
      //如果不需要換行,則累加
      lineWidth += childWidth;
      lineHeight = Math.max(lineHeight,childHeight);
      lineViews.add(childView);
    }
    // 記錄最后一行
    mAllViews.add(lineViews);
    mLineHeight.add(lineHeight);

    int left = 0;
    int top = 0;

    // 得到總行數(shù)
    int size = mAllViews.size();

    for (int i = 0; i < size; i++) {
      // 每一行的所有的views
      lineViews = mAllViews.get(i);
      // 當(dāng)前行的最大高度
      lineHeight = mLineHeight.get(i);

      for (View view : lineViews) {
        LayoutParam lp = (LayoutParam) view.getLayoutParams();
        //計(jì)算childView的left,top,right,bottom
        int lc = left + lp.leftMargin;
        int tc = top + lp.topMargin;
        int rc = lc + view.getMeasuredWidth();
        int bc = tc + view.getMeasuredHeight();
        view.layout(lc,tc,rc,bc);
        left += view.getMeasuredWidth() + lp.leftMargin + lp.rightMargin;
      }
      left = 0;
      top += lineHeight;
    }
  }

通過onLayout方法給子View布局,前提,我們必須得知道每個(gè)子View的寬度和高度。所以我們先要在onMeasure的時(shí)候,測(cè)量一下每個(gè)子View的具體大小。

測(cè)試

public class MainActivity extends AppCompatActivity {
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    FlowLayout flowLayout = ((FlowLayout) findViewById(R.id.flowLayout));
    FlowLayout.LayoutParam params = new    FlowLayout.LayoutParam(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
    params.setMargins(10,10,10,10);
    for (int i = 0; i < 10; i++) {
      TextView textView = new TextView(this);
      textView.setPadding(i * 10,10,i * 10,10);
      textView.setBackgroundColor(Color.BLUE);
      textView.setText("哈哈哈哈");
      textView.setTextColor(Color.WHITE);
      textView.setLayoutParams(params);
      flowLayout.addView(textView);
    }
  }
}

這里我們要注意下FlowLayout.LayoutParam params = new FlowLayout.LayoutParam(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);這個(gè)方法,有的小伙伴在寫的過程中可能點(diǎn)不出來這個(gè)方法,那是因?yàn)檫@個(gè)方法是需要我們自己寫一個(gè)靜態(tài)內(nèi)部類來實(shí)現(xiàn)。

@Override
  protected LayoutParams generateDefaultLayoutParams() {
    return new LayoutParam(LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
  }

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

  @Override
  protected LayoutParams generateLayoutParams(LayoutParams p) {
    return new LayoutParam(p);
  }

  public static class LayoutParam extends MarginLayoutParams{

    public LayoutParam(Context c, AttributeSet attrs) {
      super(c, attrs);
    }

    public LayoutParam(@Px int width, @Px int height) {
      super(width, height);
    }

    public LayoutParam(MarginLayoutParams source) {
      super(source);
    }

    public LayoutParam(LayoutParams source) {
      super(source);
    }
  }

好了,這樣一個(gè)簡(jiǎn)單的流式布局就結(jié)束了,有時(shí)候自己親自敲一遍將它實(shí)現(xiàn),才發(fā)現(xiàn)會(huì)學(xué)到很多。這里測(cè)試的代碼是循環(huán)加入的View,大家也可以嘗試的寫個(gè)類似適配器的方式去實(shí)現(xiàn)。貼上源碼供參考。

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 提示信息控件AlertDialog對(duì)話框詳解

    提示信息控件AlertDialog對(duì)話框詳解

    這篇文章主要為大家介紹了提示信息控件AlertDialog對(duì)話框的使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-04-04
  • Android第三方文件選擇器aFileChooser使用方法詳解

    Android第三方文件選擇器aFileChooser使用方法詳解

    這篇文章主要介紹了Android第三方文件選擇器aFileChooser的使用方法詳解,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • Android Studio 3.0中mipmap-anydpi-v26是什么東東

    Android Studio 3.0中mipmap-anydpi-v26是什么東東

    在Android Studio 3.0中一旦我們創(chuàng)建了一個(gè)項(xiàng)目,一個(gè)名為mipmap-anydpi-v26自動(dòng)創(chuàng)建的文件夾在res文件夾下。它究竟能干什么?為什么我們需要這個(gè)?我們?cè)陂_發(fā)時(shí)該如何利用它,下面通過本文給大家介紹下
    2017-12-12
  • Android SeekBar實(shí)現(xiàn)禁止滑動(dòng)

    Android SeekBar實(shí)現(xiàn)禁止滑動(dòng)

    這篇文章主要為大家詳細(xì)介紹了Android SeekBar實(shí)現(xiàn)禁止滑動(dòng),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2021-03-03
  • Android?Activity?View加載與繪制流程深入刨析源碼

    Android?Activity?View加載與繪制流程深入刨析源碼

    這篇文章主要介紹了Android?Activity?View的加載與繪制流程源碼分析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-08-08
  • Android中加入名片掃描功能實(shí)例代碼

    Android中加入名片掃描功能實(shí)例代碼

    這篇文章主要介紹了Android中加入名片掃描功能實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
    2016-03-03
  • Flutter使用SingleTickerProviderStateMixin報(bào)錯(cuò)解決

    Flutter使用SingleTickerProviderStateMixin報(bào)錯(cuò)解決

    這篇文章主要為大家介紹了Flutter使用SingleTickerProviderStateMixin報(bào)錯(cuò)解決示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2023-08-08
  • Android編程中調(diào)用Camera時(shí)預(yù)覽畫面有旋轉(zhuǎn)問題的解決方法

    Android編程中調(diào)用Camera時(shí)預(yù)覽畫面有旋轉(zhuǎn)問題的解決方法

    這篇文章主要介紹了Android編程中調(diào)用Camera時(shí)預(yù)覽畫面有旋轉(zhuǎn)問題的解決方法,涉及Android針對(duì)Camera調(diào)用攝像頭源碼部分的相關(guān)修改技巧,需要的朋友可以參考下
    2015-11-11
  • Android RecyclerView緩存復(fù)用原理解析

    Android RecyclerView緩存復(fù)用原理解析

    RecyclerView是Android一個(gè)更強(qiáng)大的控件,其不僅可以實(shí)現(xiàn)和ListView同樣的效果,還有優(yōu)化了ListView中的各種不足。其可以實(shí)現(xiàn)數(shù)據(jù)縱向滾動(dòng),也可以實(shí)現(xiàn)橫向滾動(dòng)(ListView做不到橫向滾動(dòng))。接下來講解RecyclerView的用法
    2022-11-11
  • Android設(shè)置PreferenceCategory背景顏色的方法

    Android設(shè)置PreferenceCategory背景顏色的方法

    這篇文章主要介紹了Android設(shè)置PreferenceCategory背景顏色的方法,涉及Android設(shè)置背景色的技巧,需要的朋友可以參考下
    2015-05-05

最新評(píng)論