首页 > 代码库 > 自己定义ViewGroup控件(一)----->流式布局进阶(一)
自己定义ViewGroup控件(一)----->流式布局进阶(一)
main.xml
<?xml version="1.0" encoding="utf-8"?> <com.example.SimpleLayout.MyLinLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#ff00ff" tools:context=".MainActivity" > <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="10dp" android:background="#ff0000" android:text="第一个VIEW" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="20dp" android:background="#00ff00" android:text="第二个VIEW" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="30dp" android:background="#0000ff" android:text="第三个VIEW" /> </com.example.SimpleLayout.MyLinLayout>
MainActivity
package com.example.SimpleLayout; import android.app.Activity; import android.os.Bundle; public class MainActivity extends Activity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } }
MyLinLayout
package com.example.SimpleLayout; import android.content.Context; import android.util.AttributeSet; import android.view.View; import android.view.ViewGroup; /** * onMeasure():測量自己的大小,自己的大小。为正式布局提供建议。(注意。仅仅是建议,至于用不用。要看onLayout); * onLayout():使用layout()函数对全部子控件布局。 onDraw():依据布局的位置画图; * */ public class MyLinLayout extends ViewGroup { /** * 首先是3个构造器 */ public MyLinLayout(Context context) { super(context); } public MyLinLayout(Context context, AttributeSet attrs) { super(context, attrs); } public MyLinLayout(Context context, AttributeSet attrs, int defStyleAttr) { super(context, attrs, defStyleAttr); } /** * 此ViewGroup的宽高属性 android:layout_width="match_parent"--EXACTLY(确定) * android:layout_height="wrap_content"--AT_MOST(不确定) * * 他们是父类传递过来给当前view的一个建议值,建议值。即想把当前view的尺寸设置为宽widthMeasureSpec, * 高heightMeasureSpec * * ②、EXACTLY(全然)。父元素决定自元素的确切大小,子元素将被限定在给定的边界里而忽略它本身大小; * ③、AT_MOST(至多)。子元素至多达到指定大小的值。 */ @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { super.onMeasure(widthMeasureSpec, heightMeasureSpec); // 宽度、高度 int measureWidth = MeasureSpec.getSize(widthMeasureSpec); int measureHeight = MeasureSpec.getSize(heightMeasureSpec); // 測量模式 int measureWidthMode = MeasureSpec.getMode(widthMeasureSpec); int measureHeightMode = MeasureSpec.getMode(heightMeasureSpec); // 初始化ViewGroup宽、高 int viewGroupHeight = 0; int viewGroupWidth = 0; // 获取viewGroup中的每一个孩子View,进行遍历 int count = getChildCount(); for (int i = 0; i < count; i++) { // 依次获取每一个孩子View对象 View child = getChildAt(i); // 測量每一个孩子View,将父类的模式传进去--点开看源代码 measureChild(child, widthMeasureSpec, heightMeasureSpec); int childHeight = child.getMeasuredHeight(); int childWidth = child.getMeasuredWidth(); // ViewGroup高度递增 viewGroupHeight += childHeight; // ViewGroup宽度取最大值 viewGroupWidth = Math.max(childWidth, viewGroupWidth); } // ViewGroup的宽不须要測量直接"match_parent"--EXACTLY // 高是"wrap_content"--AT_MOST,须要累加得到高度 /** * ②、EXACTLY(全然)。父元素决定自元素的确切大小,子元素将被限定在给定的边界里而忽略它本身大小。 * ③、AT_MOST(至多),子元素至多达到指定大小的值。 */ setMeasuredDimension( (measureWidthMode == MeasureSpec.EXACTLY) ? measureWidth : viewGroupWidth, (measureHeightMode == MeasureSpec.EXACTLY) ? measureHeight : viewGroupHeight); } /** * getMeasureWidth()方法在measure()过程结束后就能够获取到了。而getWidth()方法要在layout() * 过程结束后才干获取到。再重申一遍 */ @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { int top = 0; // 获取子View的数量 int count = getChildCount(); for (int i = 0; i < count; i++) { // 依次获取每一个孩子View对象 View child = getChildAt(i); // 获取孩子view的宽高 int childHeight = child.getMeasuredHeight(); int childWidth = child.getMeasuredWidth(); child.layout(0, top, childWidth, top + childHeight); // 递增孩子View的top值 top += childHeight; } } }
自己定义ViewGroup控件(一)----->流式布局进阶(一)