【移动应用开发技术】怎么在Android中实现微信群聊头像效果

【移动应用开发技术】怎么在Android中实现微信群聊头像效果

这期内容当中在下将会给大家带来有关怎么在Android中实现微信群聊头像效果，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。一、自定义viewGroup，以此来实现主要的代码逻辑public

class

NineGridImageView<T>

extends

ViewGroup{

private

int

mRowCount;

//行数

private

int

mColumnCount;

//列数

private

int

mMaxSize

=

9;

//最大图片数

private

int

mGap;

//宫格间距

private

int

parentWidth;//父组件宽

private

int

parentHeight;//父组件高

private

List<ImageView>

mImageViewList

=

new

ArrayList<>();

private

List<T>

mImgDataList;

private

NineGridImageViewAdapter<T>

mAdapter;

public

NineGridImageView(Context

context)

{

this(context,null);

}

public

NineGridImageView(Context

context,

AttributeSet

attrs)

{

this(context,

attrs,

0);

}

public

NineGridImageView(Context

context,

AttributeSet

attrs,

int

defStyleAttr)

{

super(context,

attrs,

defStyleAttr);

TypedArray

typedArray

=

context.obtainStyledAttributes(attrs,

R.styleable.NineGridImageView);

this.mGap

=

(int)

typedArray.getDimension(R.styleable.NineGridImageView_imgGap,

8);

typedArray.recycle();

}

/**

*

设定宽高

*/

@Override

protected

void

onMeasure(int

widthMeasureSpec,

int

heightMeasureSpec)

{

super.onMeasure(widthMeasureSpec,

heightMeasureSpec);

parentWidth

=

measureWidth(widthMeasureSpec);

parentHeight

=

measureHeight(heightMeasureSpec);

setMeasuredDimension(parentWidth,parentHeight);

}

@Override

protected

void

onLayout(boolean

changed,

int

l,

int

t,

int

r,

int

b)

{

layoutChildrenView();

}

/**

*

为子ImageView布局

*/

private

void

layoutChildrenView(){

if(mImgDataList

==

null){

return;

}

int

childrenCount

=

mImgDataList.size();

for(int

i

=

0;

i

<

childrenCount;

i++){

ImageView

childrenView

=

(ImageView)getChildAt(i);

if(mAdapter

!=

null){

mAdapter.onDisplayImage(getContext(),

childrenView,

mImgDataList.get(i));

}

int

rowNum

=

i

/

mColumnCount;//当前行数

int

columnNum

=

i

%

mColumnCount;//当前列数

int

mImageSize

=

(parentWidth-(mColumnCount+1)*mGap)/mColumnCount;//图片尺寸

int

t_center

=

(parentHeight

+

mGap)/2;//中间位置以下的顶点（有宫格间距）

int

b_center

=

(parentHeight

-

mGap)/2;//中间位置以上的底部（有宫格间距）

int

l_center

=

(parentWidth

+

mGap)/2;//中间位置以右的左部（有宫格间距）

int

r_center

=

(parentWidth

-

mGap)/2;//中间位置以左的右部（有宫格间距）

int

center

=

(parentHeight

-

mImageSize)/2;//中间位置以上顶部（无宫格间距）

int

left

=

mImageSize

*

columnNum

+

mGap

*

(columnNum

+

1);

int

top

=

mImageSize

*

rowNum

+

mGap

*

(rowNum

+

1);

int

right

=

left

+

mImageSize;

int

bottom

=

top

+

mImageSize;

/**

*

不同子view情况下的不同显示

*/

if(childrenCount

==

1){

childrenView.layout(left,

top,

right,

bottom);

}else

if(childrenCount

==

2){

childrenView.layout(left,

center,

right,

center

+

mImageSize);

}else

if(childrenCount

==

3){

if(i

==

0){

childrenView.layout(center,

top,

center+mImageSize,

bottom);

}else

{

childrenView.layout(mGap

*

i

+mImageSize

*

(i

-

1),

t_center,

mGap

*

i

+mImageSize

*

i,

t_center+mImageSize);

}

}else

if(childrenCount

==

4){

childrenView.layout(left,

top,

right,

bottom);

}else

if(childrenCount

==

5){

if(i

==

0){

childrenView.layout(r_center

-

mImageSize,

r_center

-

mImageSize,

r_center,

r_center);

}else

if(i

==

1){

childrenView.layout(l_center

,

r_center

-

mImageSize,

l_center

+

mImageSize,

r_center);

}else{

childrenView.layout(mGap

*

(i

-

1)

+

mImageSize

*

(i

-

2),t_center,mGap

*

(i

-

1)

+

mImageSize

*

(i

-

1),t_center+mImageSize);

}

}else

if(childrenCount

==

6){

if(i

<

3)

{

childrenView.layout(mGap

*

(i

+

1)

+mImageSize

*

i,

b_center

-

mImageSize,

mGap

*

(i

+

1)

+

mImageSize

*

(i+1),

b_center);

}else{

childrenView.layout(mGap

*

(i

-

2)

+

mImageSize

*

(i

-

3),t_center,mGap

*

(i

-

2)

+

mImageSize

*

(i

-

2),t_center+mImageSize);

}

}else

if(childrenCount

==

7){

if(i

==

0){

childrenView.layout(center,mGap,center+mImageSize,mGap+mImageSize);

}else

if(i

>

0

&&

i

<

4){

childrenView.layout(mGap

*

i

+mImageSize

*

(i

-

1),center,mGap

*

i

+mImageSize

*

i,center+mImageSize);

}else{

childrenView.layout(mGap

*

(i

-

3)

+

mImageSize

*

(i

-

4),t_center+mImageSize/2,mGap

*

(i

-

3)

+

mImageSize

*

(i

-

3),t_center+mImageSize/2+mImageSize);

}

}else

if(childrenCount

==

8){

if(i

==

0){

childrenView.layout(r_center

-

mImageSize,mGap,r_center,mGap+mImageSize);

}else

if(i

==

1){

childrenView.layout(l_center,mGap,l_center+mImageSize,mGap+mImageSize);

}else

if(i

>

1

&&

i

<

5){

childrenView.layout(mGap

*

(i

-

1)

+mImageSize

*

(i

-

2),

center,

mGap

*

(i

-

1)

+mImageSize

*

(i

-

1),

center+mImageSize);

}else{

childrenView.layout(mGap

*

(i

-

4)

+

mImageSize

*

(i

-

5),

t_center+mImageSize/2,

mGap

*

(i

-

4)

+

mImageSize

*

(i

-

4),

t_center+mImageSize/2+mImageSize);

}

}else

if(childrenCount

==

9){

childrenView.layout(left,

top,

right,

bottom);

}

}

}

/**

*

设置图片数据

*

*

@param

lists

图片数据集合

*/

public

void

setImagesData(List

lists){

if(lists

==

null

||

lists.isEmpty()){

this.setVisibility(GONE);

return;

}else

{

this.setVisibility(VISIBLE);

}

if(mMaxSize

>

0

&&

lists.size()

>

mMaxSize){

lists

=

lists.subList(0,

mMaxSize);

}

int[]

gridParam

=

calculateGridParam(lists.size());

mRowCount

=

gridParam[0];

mColumnCount

=

gridParam[1];

if(mImgDataList

==

null){

int

i

=

0;

while

(i

<

lists.size()){

ImageView

iv

=

getImageView(i);

if(iv

==

null){

return;

}

addView(iv,generateDefaultLayoutParams());

i++;

}

}else

{

int

oldViewCount

=

mImgDataList.size();

int

newViewCount

=

lists.size();

if(oldViewCount

>

newViewCount){

removeViews(newViewCount,

oldViewCount

-

newViewCount);

}else

if(oldViewCount

<

newViewCount){

for(int

i

=

oldViewCount;

i

<

newViewCount;

i++){

ImageView

iv

=

getImageView(i);

if(iv

==

null){

return;

}

addView(iv,

generateDefaultLayoutParams());

}

}

}

mImgDataList

=

lists;

requestLayout();

}

/**

*

获得

ImageView

*

保证了

ImageView的重用

*

*

@param

position

位置

*/

private

ImageView

getImageView(final

int

position){

if(position

<

mImageViewList.size()){

return

mImageViewList.get(position);

}else{

if(mAdapter

!=

null){

ImageView

imageView

=

mAdapter.generateImageView(getContext());

mImageViewList.add(imageView);

return

imageView;

}else{

Log.e("NineGirdImageView",

"Your

must

set

a

NineGridImageViewAdapter

for

NineGirdImageView");

return

null;

}

}

}

/**

*

设置宫格参数

*

*

@param

imagesSize

图片数量

*

@return

宫格参数

gridParam[0]

宫格行数

gridParam[1]

宫格列数

*/

protected

static

int[]

calculateGridParam(int

imagesSize){

int[]

gridParam

=

new

int[2];

if(imagesSize

<

3){

gridParam[0]

=

1;

gridParam[1]

=

imagesSize;

}else

if(imagesSize

<=

4){

gridParam[0]

=

2;

gridParam[1]

=

2;

}else{

gridParam[0]

=

imagesSize/3

+

(imagesSize

%

3

==

0?0:1);

gridParam[1]

=

3;

}

return

gridParam;

}

/**

*

设置适配器

*

*

@param

adapter

适配器

*/

public

void

setAdapter(NineGridImageViewAdapter

adapter){

mAdapter

=

adapter;

}

/**

*

设置宫格间距

*

*

@param

gap

宫格间距

px

*/

public

void

setGap(int

gap){

mGap

=

gap;

}

/**

*

对宫格的宽高进行重新定义

*/

private

int

measureWidth(int

measureSpec){

int

result

=

0;

int

specMode

=

MeasureSpec.getMode(measureSpec);

int

specSize

=

MeasureSpec.getSize(measureSpec);

if(specMode

==

MeasureSpec.EXACTLY){

result

=

specSize;

}else{

result

=

200;

if(specMode

==

MeasureSpec.AT_MOST){

result

=

Math.min(result,specSize);

}

}

return

result;

}

private

int

measureHeight(int

measureSpec){

int

result

=

0;

int

specMode

=

MeasureSpec.getMode(measureSpec);

int

specSize

=

MeasureSpec.getSize(measureSpec);

if(specMode

==

MeasureSpec.EXACTLY){

result

=

specSize;

}else{

result

=

200;

if(specMode

==

MeasureSpec.AT_MOST){

result

=

Math.min(result,specSize);

}

}

return

result;

}

}二、你要显示你的网络图片所需要的代码public

abstract

class

NineGridImageViewAdapter<T>

{

protected

abstract

void

onDisplayImage(Context

contex