歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> 自定義ViewGroup實現自動換行的布局

自定義ViewGroup實現自動換行的布局

日期:2017/3/1 10:19:51   编辑:Linux編程

viewgroup簡單說就是可以裝view的view.今天遇到一個問題,就是需要一個可以自動根據一行中view的寬度自動換行的布局,網上找了下,沒有相關的例子,但是找到了思路:自定義一個viewgroup,然後在onlayout文件裡面自動檢測view的右邊緣的橫坐標值,和你的view的parent view的況度判斷是否換行顯示view就可以了。因為代碼比較簡單,就不多說了:

  1. public class MyViewGroup extends ViewGroup {
  2. private final static String TAG = "MyViewGroup";
  3. private final static int VIEW_MARGIN=2;
  4. public MyViewGroup(Context context) {
  5. super(context);
  6. }
  7. @Override
  8. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  9. Log.d(TAG, "widthMeasureSpec = "+widthMeasureSpec+" heightMeasureSpec"+heightMeasureSpec);
  10. for (int index = 0; index < getChildCount(); index++) {
  11. final View child = getChildAt(index);
  12. // measure
  13. child.measure(MeasureSpec.UNSPECIFIED, MeasureSpec.UNSPECIFIED);
  14. }
  15. super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  16. }
  17. @Override
  18. protected void onLayout(boolean arg0, int arg1, int arg2, int arg3, int arg4) {
  19. Log.d(TAG, "changed = "+arg0+" left = "+arg1+" top = "+arg2+" right = "+arg3+" botom = "+arg4);
  20. final int count = getChildCount();
  21. int row=0;// which row lay you view relative to parent
  22. int lengthX=arg1; // right position of child relative to parent
  23. int lengthY=arg2; // bottom position of child relative to parent
  24. for(int i=0;i<count;i++){
  25. final View child = this.getChildAt(i);
  26. int width = child.getMeasuredWidth();
  27. int height = child.getMeasuredHeight();
  28. lengthX+=width+VIEW_MARGIN;
  29. lengthY=row*(height+VIEW_MARGIN)+VIEW_MARGIN+height+arg2;
  30. //if it can't drawing on a same line , skip to next line
  31. if(lengthX>arg3){
  32. lengthX=width+VIEW_MARGIN+arg1;
  33. row++;
  34. lengthY=row*(height+VIEW_MARGIN)+VIEW_MARGIN+height+arg2;
  35. }
  36. child.layout(lengthX-width, lengthY-height, lengthX, lengthY);
  37. }
  38. }
  39. }

  這裡有個地方要注意,那就要明白ViewGroup的繪圖流程:ViewGroup繪制包括兩個步驟:1.measure 2.layout

  在兩個步驟中分別調用回調函數:1.onMeasure() 2.onLayout()

  1.onMeasure() 在這個函數中,ViewGroup會接受childView的請求的大小,然後通過childView的 measure(newWidthMeasureSpec, heightMeasureSpec)函數存儲到childView中,以便childView的getMeasuredWidth() andgetMeasuredHeight() 的值可以被後續工作得到。

  2.onLayout() 在這個函數中,ViewGroup會拿到childView的getMeasuredWidth() andgetMeasuredHeight(),用來布局所有的childView。

  3.View.MeasureSpec 與 LayoutParams 這兩個類,是ViewGroup與childView協商大小用的。其中,View.MeasureSpec是ViewGroup用來部署 childView用的, LayoutParams是childView告訴ViewGroup 我需要多大的地方。

  4.在View 的onMeasure的最後要調用setMeasuredDimension()這個方法存儲View的大小,這個方法決定了當前View的大小。

更多Android相關信息見Android 專題頁面 http://www.linuxidc.com/topicnews.aspx?tid=11

Copyright © Linux教程網 All Rights Reserved