【移动应用开发技术】Android中怎么使用ViewGroup自定义布局

【移动应用开发技术】Android中怎么使用ViewGroup自定义布局

本篇文章为大家展示了Android中怎么使用ViewGroup自定义布局，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。步骤这里我为大家设计一个类似LinearLayout线性布局的ViewGroup作为范例。首先，如果是一个LinearLayout那么当设置wrap_content时，他就会以子空间中最宽的那个为它的宽度。同时在高度方面会是所有子控件高度的总和。所以我们先写两个方法，分别用于测量ViewGroup的宽度和高度。

private

int

getMaxWidth(){

int

count

=

getChildCount();

int

maxWidth

=

0;

for

(int

i

=

0

;

i

<

count

;

i

++){

int

currentWidth

=

getChildAt(i).getMeasuredWidth();

if

(maxWidth

<

currentWidth){

maxWidth

=

currentWidth;

}

}

return

maxWidth;

}

private

int

getTotalHeight(){

int

count

=

getChildCount();

int

totalHeight

=

0;

for

(int

i

=

0

;

i

<

count

;

i++){

totalHeight

+=

getChildAt(i).getMeasuredHeight();

}

return

totalHeight;

}对于ViewGroup而言我们可以粗略的分为两种模式：固定长宽模式（match_parent），自适应模式（wrap_content），根据这两种模式，就可以对ViewGroup的绘制进行划分。这里关于measureChildren这个方法，他是用于将所有的子View进行测量，这会触发每个子View的onMeasure函数，但是大家要注意要与measureChild区分，measureChild是对单个view进行测量

@Override

protected

void

onMeasure(int

widthMeasureSpec,

int

heightMeasureSpec)

{

super.onMeasure(widthMeasureSpec,

heightMeasureSpec);

measureChildren(widthMeasureSpec,

heightMeasureSpec);

int

widthMode

=

MeasureSpec.getMode(widthMeasureSpec);

int

width

=

MeasureSpec.getSize(widthMeasureSpec);

int

heightMode=

MeasureSpec.getMode(heightMeasureSpec);

int

height

=

MeasureSpec.getSize(heightMeasureSpec);

if

(widthMode

==

MeasureSpec.AT_MOST

&&

heightMode

==

MeasureSpec.AT_MOST){

int

groupWidth

=

getMaxWidth();

int

groupHeight=

getTotalHeight();

setMeasuredDimension(groupWidth,

groupHeight);

}else

if

(widthMode

==

MeasureSpec.AT_MOST){

setMeasuredDimension(getMaxWidth(),

height);

}else

if

(heightMode

==

MeasureSpec.AT_MOST){

setMeasuredDimension(width,

getTotalHeight());

}

}重写onLayout整完上面这些东西，我们的布局大小七十九已经出来了，然我们在活动的布局文件里面加上它，并添加上几个子View然后运行一下，先看看效果：

<com.entry.android_view_user_defined_first.views.MyLinearLayout

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="@color/colorAccent">

<Button

android:layout_width="100dp"

android:layout_height="50dp"

android:text="qwe"/>

<Button

android:layout_width="250dp"

android:layout_height="150dp"

android:text="qwe"/>

<Button

android:layout_width="200dp"

android:layout_height="75dp"

android:text="qwe"/>

</com.entry.android_view_user_defined_first.views.MyLinearLayout>运行效果如下：我们看见布局出来了，大小好像也没啥问题，但是子View呢？？！这么没看见子View在看看代码，系统之前然我们重写的onLayout()还是空着的呀！！也就是说，子View的大小和位置根本就还没有进行过设定！让我们来重写下onLayout()方法。

@Override

protected

void

onLayout(boolean

changed,

int

l,

int

t,

int

r,

int

b)

{

int

count

=

getChildCount();

int

currentHeight

=

0;

for

(int

i

=

0

;

i

<

count

;

i++){

View

view

=

getChildAt(i);

int

height

=

view.getMeasuredHeigh