public class NineRectView extends ViewGroup {

private Context ctx;

private int wSize,hSize,row,column,count,childWidth,childHeight,parent_padding_top_bottom;//布局方式按照默认wSize=Hsize

//间距都相同

private int childMargin =4;

private int parent_padding;

private int first_row_num;

private int childCorner=2;

private String childAvatarUrlAppend;

private int childDefaultImageId = R.drawable.tt_default_user_portrait_corner;

public void setChildCorner(int corner)

{

this.childCorner = corner;

}

public void setAvatarUrlAppend(String avatarUrlAppend)

{

this.childAvatarUrlAppend = avatarUrlAppend;

}

public void setChildDefaultImageId(int id)

{

this.childDefaultImageId = id;

}

public void setChildMargin(int margin)

{

this.childMargin = margin;

}

public NineRectView(Context context) {

super(context);

this.ctx = context;

}

public NineRectView(Context context, AttributeSet attrs) {

super(context, attrs);

this.ctx = context;

}

public NineRectView(Context context, AttributeSet attrs,int defStyle) {

super(context, attrs,defStyle);

this.ctx = context;

}

public void setAvatarUrls(List<String> urlList)

{

count = urlList.size();

double m = Math.sqrt(count);

int k = (int)m;

if(m-k==0)

{

column = k;

first_row_num = column;

}

else

{

column = k+1;

}

if(count%column==0)

{

row = count/column;

first_row_num = column;

}

else

{

row = count/column+1;

first_row_num = count%column;

}

this.removeAllViews();

for (int i=0;i<count;i++)

{

IMBaseImageView imageView=new IMBaseImageView(ctx);

imageView.setCorner(childCorner);

imageView.setDefaultImageRes(childDefaultImageId);

imageView.setAvatarAppend(childAvatarUrlAppend);

imageView.setImageUrl(urlList.get(i));

this.addView(imageView);

}

}

@Override

protected void onLayout(boolean changed, int left, int top, int right, int bottom) {

if(row*column>=count)

{

parent_padding=getPaddingLeft();

this.wSize = getWidth();

this.hSize = getHeight();

computePoint();

if(count==1)//为1的特殊处理

{

int cw=(wSize-parent_padding*2-childMargin)/2;

int ch = (hSize-parent_padding*2-childMargin)/2;

int x = (wSize-cw)/2;

int y = (wSize-ch)/2;

View child = getChildAt(0);

child.layout(x, y, x+cw, y+ch);

}

else

{

for (int i = 0; i < count; i++) {

View child = getChildAt(i);

child.layout(startCoordinates.get(i).x, startCoordinates.get(i).y, startCoordinates.get(i).x+childWidth, startCoordinates.get(i).y+childHeight);

}

}

}

}

/**

* 计算坐标

*/

private void  computePoint()

{

startCoordinates.clear();

childWidth = (wSize- parent_padding*2-(column-1)* childMargin)/column;

childHeight = childWidth;//正方形

parent_padding_top_bottom = (hSize - row*childHeight - (row-1)*childMargin)/2;

//计算整排 按照从下向上的顺序计算

for (int i=0;i<row;i++)

{

for (int j=0;j<column;j++)

{

int x,y;

y = parent_padding_top_bottom+i*childHeight+i*childMargin;

if(i==0)

{

if(j<first_row_num)

{

x = (wSize-first_row_num*childWidth-(first_row_num-1)*childMargin)/2+j*childMargin+j*childWidth;

}

else

{

break;

}

}

else

{

x = parent_padding+j*childWidth+j*childMargin;

}

startCoordinates.add(new StartCoordinate(x,y));

}

}

}

private ArrayList<StartCoordinate> startCoordinates = new ArrayList<StartCoordinate>();

class StartCoordinate {

int x ,y;

public StartCoordinate(int x, int y){

this.x = x;

this.y = y;

}

}

}

android 九宫格(16宫格)控件的更多相关文章

  1. Android高效率编码-细节,控件,架包,功能,工具,开源汇总,你想要的这里都有

    Android高效率编码-细节,控件,架包,功能,工具,开源汇总 其实写博客的初衷也并不是说什么分享技术,毕竟咱还只是个小程序员,最大的目的就是对自我的知识积累,以后万一编码的时候断片了,也可以翻出来 ...

  2. Android自动化测试中AccessibilityService获取控件信息(1)

    Android自动化测试中AccessibilityService获取控件信息(1) 分类: android自动化测试2014-03-24 15:31 3455人阅读 评论(16) 收藏 举报 and ...

  3. Android开源的精美日历控件,热插拔设计的万能自定义UI

    Android开源的精美日历控件,热插拔设计的万能自定义UI UI框架应该逻辑与界面实现分离,该日历控件使用了热插拔的设计 ,简单几步即可实现你需要的UI效果,热插拔的思想是你提供你的实现,我提供我的 ...

  4. Android自定义控件之自定义组合控件

    前言: 前两篇介绍了自定义控件的基础原理Android自定义控件之基本原理(一).自定义属性Android自定义控件之自定义属性(二).今天重点介绍一下如何通过自定义组合控件来提高布局的复用,降低开发 ...

  5. Android 开源组件 ----- Android LoopView无限自动轮转控件

    Android 开源组件 ----- Android LoopView无限自动轮转控件 2015-12-28 15:26 by 杰瑞教育, 32 阅读, 0 评论, 收藏, 编辑 一.组件介绍 App ...

  6. android学习日记03--常用控件button/imagebutton

    常用控件 控件是对数据和方法的封装.控件可以有自己的属性和方法.属性是控件数据的简单访问者.方法则是控件的一些简单而可见的功能.所有控件都是继承View类 介绍android原生提供几种常用的控件bu ...

  7. Android开发中目前流行控件和知识点总结

    Android开发中目前流行控件和知识点总结   1.SlidingMenu 滑动菜单 应用案例:Facebook . Path 2.0 .人人.网易新闻 下载地址: https://github.c ...

  8. android - 自定义(组合)控件 + 自定义控件外观

    转载:http://www.cnblogs.com/bill-joy/archive/2012/04/26/2471831.html android - 自定义(组合)控件 + 自定义控件外观   A ...

  9. Android 使用shape定义不同控件的的颜色、背景色、边框色

    Android 使用shape定义不同控件的的颜色.背景色.边框色 设置按钮的右边框和底边框颜色为红色,边框大小为3dp: 在drawable新建一个 buttonstyle.xml的文件,内容如下: ...

  10. Android SDK提供的常用控件Widget “常用控件”“Android原生”

    Android提供一个标准的视图工具箱来帮助创建简单的UI界面.通过使用这些控件(必要时,可以对这些控件进行修改). 创建一个简单的.xml文件,从预览窗口可以看到Android SDK提供的原生控件 ...

随机推荐

  1. 【React Natvie】React-native-swiper的安装和配置【ES6】

    react-native-swiper轮播图,是我们开发中特别常见的效果,首先感谢编写react-native-swiper的大神,让我们方便了很多.这个框架主要是用来做轮播图,焦点图等,内置了各种样 ...

  2. CI中的url相关函数以及路由设置和伪静态技术

    当使用CI框架进行开发时,我们的一些数据传递的URL不应该写死,可以使用如下方法:比如说我们需要表单提交一个数据: 1.在controller控制器中我们需要先创建一个加载helper和视图的方法: ...

  3. P1732 活蹦乱跳的香穗子

    题目描述 香穗子在田野上调蘑菇!她跳啊跳,发现自己很无聊,于是她想了一个有趣的事情,每个格子最多只能经过1次,且每个格子都有其价值 跳的规则是这样的,香穗子可以向上下左右四个方向跳到相邻的格子,并且她 ...

  4. 移动端rem设置(部分安卓机型不兼容)

    (function(win) { var doc = win.document; var docEl = doc.documentElement; var tid; function refreshR ...

  5. 性能问题解决案例01——sybase数据库内存问题

    最近湖南现场反馈问题,所有电子签章页面打不开文书(pdf格式),后台日志没报任何错误. 1.首先想到是签章的ocx控件问题,检查ocx控件安装,发现其他电脑也打不开文书,测试页面可以直接打开pdf文档 ...

  6. Memory management in RxSwift – DisposeBag

    I’ve noticed a lot of beginners in RxSwift ask about DisposeBag. DisposeBag isn’t a standard thing i ...

  7. 开启RxSwift之旅——开篇

    开启RxSwift之旅——开篇 RxSwift 是 ReactiveX 在 Swift 下的实现.ReactiveX 是一个通过使用可观察序列来组合异步和基于事件的程序的库. 很多地方通常把 Reac ...

  8. PhotoZoom放大图片,真的能无损吗?

    当然想要无损放大一张很小的图片时,总会有人会和你推荐PhotoZoom这款软件,那么它真的和说的一样,可以无损放大吗?下面小编挑了2张图片做了一下对比. 案例1,我们选取一张尺寸为200x200像素的 ...

  9. Selenium3+python自动化008-常用操作

    一.元素常用操作 1. clear()            清除文本 2. send_keys()        模拟输入 3. click()            单击元素 4.get_attr ...

  10. 基于 vue2 导航栏透明渐变

    在移动或者app 中经常会用,顶部导航栏固定,但是随着页面向上滚动,导航栏的透明度发生变化. 做法为: 1.首先给要滚动变化的导航添加 :style="style" <mt- ...