Android自定义表格控件满足人们对视觉的需求
Android平台已经给我们提供了很多标准的组件,如:TextView、EditView、Button、ImageView、Menu等,还有许多布局控件,常见的有:AbsoluteLayout、LinerLayout、RelativeLayout、TableLayout等。但随着人们对视觉的需求,基本组件已无法满足人们求新求异的要求,于是我们常常会自定义组件,用来实现更美观的UI界面。
实现自定义控件通常有两种途径,一种是继承View类,重写其中的重要方法,另一种是继承ViewGroup类,通过重写父类中的有些方法,达到重新绘制组件的目的。最近做了一个自定义表格控件的练习,从中总结到一些经验。在这个练习中,我通过继承ViewGroup类,重新绘制了用于呈现表格样式的容器组件,首先来看一下父类ViewGroup。该类有三个构造方法:ViewGroup(Contextcontext)、ViewGroup(Contextcontext,AttributeSetattrs)、ViewGroup(Contextcontext,AttributeSetattrs,intdefStyle),我们自定义的继承ViewGroup的类需要实现它的至少一个构造方法。ViewGroup中有几个方法非常重要,这几个方法更好的帮助我们实现自己的组件的布局与绘制。
1、onLayout方法
该方法用于在容器中如何摆放子控件,如果不重写该方法,子控件将无法在布局控件中得以展示,该方法有五个参数,用于设置子控件的上下左右四个边框的位置,还有一个标志位,这个方法也是子类必须实现的,因为该方法是个抽象方法。
2、addView方法
该方法用于在容器组件中添加子控件
3、dispatchDraw方法
通过该方法,我们可以获取canvas对象,该对象允许我们在组件上画任意我们想要的图形,在这个表格控件中,我们可以在画布上上表格的外边框及表格线
4、getChildCount和getChildAt方法
这两个方法用于获取该容器控件中子控件的数目和位置,便于我们对子控件的排版和布局
5、onMeasure方法
这个方法是用来测量子控件大小的,它在onLayout方法之前被调用,测量了子控件的大小尺寸,然后可以绘制子控件在容器组件中的布局位置
下面直接给出代码示例,仅供参考
首先是表格控件的类:
publicclassTableViewextendsViewGroup{
privatestaticfinalintSTARTX=0;//起始X坐标
privatestaticfinalintSTARTY=0;//起始Y坐标
privatestaticfinalintBORDER=2;//表格边框宽度
privateintmRow;//行数
privateintmCol;//列数
publicTableView(Contextcontext,AttributeSetattrs){
super(context,attrs);
this.mRow=3;//默认行数为3
this.mCol=3;//默认列数为3
//添加子控件
this.addOtherView(context);
}
publicTableView(Contextcontext,introw,intcol){
super(context);
if(row>20||col>20){
this.mRow=20;//大于20行时,设置行数为20行
this.mCol=20;//大于20列时,设置列数为20列
}elseif(row==0||col==0){
this.mRow=3;
this.mCol=3;
}
else{
this.mRow=row;
this.mCol=col;
}
//添加子控件
this.addOtherView(context);
}
publicvoidaddOtherView(Contextcontext){
intvalue=1;
for(inti=1;i<=mRow;i++){
for(intj=1;j<=mCol;j++){
TextViewview=newTextView(context);
view.setText(String.valueOf(value++));
view.setTextColor(Color.rgb(79,129,189));
view.setGravity(Gravity.CENTER);
if(i%2==0){
view.setBackgroundColor(Color.rgb(219,238,243));
}else{
view.setBackgroundColor(Color.rgb(235,241,221));
}
this.addView(view);
}
}
}
@Override
protectedvoiddispatchDraw(Canvascanvas){
Paintpaint=newPaint();
paint.setStrokeWidth(BORDER);
paint.setColor(Color.rgb(79,129,189));
paint.setStyle(Style.STROKE);
//绘制外部边框
canvas.drawRect(STARTX,STARTY,getWidth()-STARTX,getHeight()-STARTY,paint);
//画列分割线
for(inti=1;i<mCol;i++){
canvas.drawLine((getWidth()/mCol)*i,STARTY,(getWidth()/mCol)*i,getHeight()-STARTY,paint);
}
//画行分割线
for(intj=1;j<mRow;j++){
canvas.drawLine(STARTX,(getHeight()/mRow)*j,getWidth()-STARTX,(getHeight()/mRow)*j,paint);
}
super.dispatchDraw(canvas);
}
@Override
protectedvoidonLayout(booleanchanged,intl,intt,intr,intb){
intx=STARTX+BORDER;
inty=STARTY+BORDER;
inti=0;
intcount=getChildCount();
for(intj=0;j<count;j++){
Viewchild=getChildAt(j);
child.layout(x,y,x+getWidth()/mCol-BORDER*2,y+getHeight()/mRow-BORDER*2);
if(i>=(mCol-1)){
i=0;
x=STARTX+BORDER;
y+=getHeight()/mRow;
}else{
i++;
x+=getWidth()/mCol;
}
}
}
publicvoidsetRow(introw){
this.mRow=row;
}
publicvoidsetCol(intcol){
this.mCol=col;
}
}
然后我们在Activity中使用我们的控件:
publicclassMainActivityextendsActivityimplementsOnClickListener{
privateButtonbtn;
privateEditTextrow;
privateEditTextcol;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
btn=(Button)findViewById(R.id.button1);
row=(EditText)findViewById(R.id.editRow);
col=(EditText)findViewById(R.id.editCol);
row.setError("请输入小于20的整数");
col.setError("请输入小于20的整数");
btn.setOnClickListener(this);
}
@Override
publicbooleanonCreateOptionsMenu(Menumenu){
//Inflatethemenu;thisaddsitemstotheactionbarifitispresent.
getMenuInflater().inflate(R.menu.main,menu);
returntrue;
}
@Override
publicvoidonClick(Viewv){
Intentintent=newIntent();
Bundlebun=newBundle();
if("".equals(row.getText().toString())){
Toast.makeText(this,"行数不能为空",Toast.LENGTH_SHORT).show();
return;
}elseif("".equals(col.getText().toString())){
Toast.makeText(this,"列数不能为空",Toast.LENGTH_SHORT).show();
return;
}else{
introwNum=Integer.parseInt(row.getText().toString());
intcolNum=Integer.parseInt(col.getText().toString());
bun.putInt("row",rowNum);
bun.putInt("col",colNum);
intent.setClass(MainActivity.this,TableActivity.class);
intent.putExtras(bun);
startActivity(intent);
}
}
}
publicclassTableActivityextendsActivity{
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
Intentintent=this.getIntent();
Bundlebun=intent.getExtras();
introw=bun.getInt("row");
intcol=bun.getInt("col");
TableViewtable=newTableView(this,row,col);
setContentView(table);
}
}
效果图如下:
相关文章
- 聚焦 Android 11: 大功告成
- 加密狗android,Android系统加密狗的设计与实现
- 74款android开机动画,修改Android系统开机动画
- android activity自动跳转,Android activity跳转之finish()方法的作用
- android_activity_启动模式
- android 定时器实例,Android定时器和Handler用法实例分析
- android开发艺术探索学习 之 Activity的生命周期
- android EditText,textview显示 特殊字符及自定义字体
- 【Android 文件管理】分区存储 ( 分区存储机制 和 文件索引数据 )
- 【Android 逆向】类加载器 ClassLoader ( 类加载器源码简介 | BaseDexClassLoader | DexClassLoader | PathClassLoader )
- 【错误记录】Android Studio 编译时 lint 检查报错 ( WARNING: DSL element ‘android.dataBinding.enabled‘ is obsolet )
- 【Android 屏幕适配】屏幕适配通用解决方案 ④ ( 自定义组件解决方案 | 计算设计稿与实际布局的比例系数 )
- 【Android Gradle 插件】自定义 Gradle 任务 ⑪ ( Gradle 任务分组 | 为自定义 Gradle 任务指定分组 | 为自定义 Gradle任务指定任务描述 | 代码示例 )
- [android] WebView自定义浏览器详解手机开发
- android 自定义gallerey并实现预览功能详解手机开发
- Android Call(打电话)的基本知识详解手机开发
- Android Progressbar自定义菊花效果
- Android自定义格式显示Button的布局思路
- Android中使用ListView绘制自定义表格技巧分享
- Android招聘面试题解答
- android实现百度地图自定义弹出窗口功能
- android实现文本复制到剪切板功能(ClipboardManager)
- Android设置全屏代码分享