Android系列教程（2）：为 TextView组件加上边框 - haierboos - ITeye博客

`

haierboos

浏览: 439731 次

最近访客更多访客>>

yhnd685

airs

paopao3

大熊很忙

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

全部博客 (1012)

社区版块

存档分类

2013-09 ( 28)
2013-08 ( 112)
2013-07 ( 30)
更多存档...

最新评论

barryzhong：这篇文章挺不错。令人汗颜的是，那可是微软06年的文章。现在都快 ...
推荐一篇关于多租户Multi-Tenant数据架构的文章
Mybeautiful：设计模式只是一个思路或是方案，碰到某种问题是有什么办法比较好的 ...
再见了模式

Android系列教程（2）：为 TextView组件加上边框

阅读更多

本文为《Android/OPhone 开发完全讲义》的内容连载，如需转载，请注明作者和出处，谢谢！

本文为新书《Android/OPhone 开发完全讲义》的内容连载。《Android/OPhone开发完全讲义》一书现已出版，敬请关注。

《Android/OPhone 开发完全讲义》目录

源代码下载

<link href="file:///C:%5CUsers%5CADMINI%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml" rel="File-List"> <link href="file:///C:%5CUsers%5CADMINI%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx" rel="themeData"> <link href="file:///C:%5CUsers%5CADMINI%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml" rel="colorSchemeMapping"> <style type="text/css">  </style>

Android系统本身提供的TextView组件并不支持边框，但可以对TextView进行扩展来添加边框。我们可以使用如下两种方法为TextView组件添加边框。

1. 编写一个继承TextView类的自定义组件，并在onDraw事件方法中画边框。

2. 使用9-patch格式的图像作为TextView的背景图来设置边框（这个背景图需要带一个边框）。

在onDraw事件方法中画边框非常容易，只需要画TextView组件的上、下、左、右四个边即可。这个自定义组件的代码如下：

packagenet.blogjava.mobile;

importandroid.content.Context;
importandroid.graphics.Canvas;
importandroid.graphics.Paint;
importandroid.util.AttributeSet;
importandroid.widget.TextView;

publicclassBorderTextViewextendsTextView
{
@Override
protectedvoidonDraw(Canvascanvas)
{
super.onDraw(canvas);
Paintpaint=newPaint();
//将边框设为黑色
paint.setColor(android.graphics.Color.BLACK);
//画TextView的4个边
canvas.drawLine(0,0,this.getWidth()-1,0,paint);
canvas.drawLine(0,0,0,this.getHeight()-1,paint);
canvas.drawLine(this.getWidth()-1,0,this.getWidth()-1,this.getHeight()-1,paint);
canvas.drawLine(0,this.getHeight()-1,this.getWidth()-1,this.getHeight()-1,paint);
}
publicBorderTextView(Contextcontext,AttributeSetattrs)
{
super(context,attrs);
}
}

<link href="file:///C:%5CUsers%5CADMINI%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml" rel="File-List"><link href="file:///C:%5CUsers%5CADMINI%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx" rel="themeData"><link href="file:///C:%5CUsers%5CADMINI%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml" rel="colorSchemeMapping"><style type="text/css">  </style>

在上面的代码中将边框设成了黑色，读者也可以根据需要将边框设置成任何的颜色，或从XML布局文件中读取相应的颜色值，关于自定义组件的详细介绍请读者参阅4.2节的内容。

虽然可以直接使用带边框的图像作为TextView组件的背景来设置边框，但当TextView的大小变化时，背景图像上的边框也随之变粗或变细，这样看起来并不太舒服。为了解决这个问题，可以采用9-patch格式的图像来作为TextView组件的背景图。我们可以使用<Android SDK安装目录>/tools/draw9patch.bat命令来启动“Draw 9-patch”工具。制作9-patch格式的图像也很简单，将事先做好的带边框的png图像（必须是png格式的图像）用这个工具打开，并在外边框的上方和左侧画一个象素点，然后保存即可，如图1所示。9-patch格式的图像必须以9.png结尾，例如，abc.9.png。在生成完9-patch格式的图像后，使用<TextView>标签的android:background属性指定相应的图像资源即可。

图1

运行本例后，显示的效果如图2所示。

图2
<link href="file:///C:%5CUsers%5CADMINI%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml" rel="File-List"> <link href="file:///C:%5CUsers%5CADMINI%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx" rel="themeData"> <link href="file:///C:%5CUsers%5CADMINI%7E1%5CAppData%5CLocal%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml" rel="colorSchemeMapping"> <style type="text/css">  </style>

注意：如果想让TextView透明，也就是将TextView的父视图的背景色作为TextView组件的背景色，如图2所示的第3个TextView组件，需要制作带边框的透明png图像（除了边框，图像的其他部分都是透明的），然后再生成9-patch格式的图像。

分享到：

Android系列教程（3）：Android SDK中常 ... | 如何配制MySql的Replication

2010-07-19 08:42
浏览 640
评论(0)
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Android 为textView增加边框效果.rar: Android 为textView增加边框效果，这又是一个初级的Android文字布局示例，今天是为TextView文字框增加一个外边框，可实现在画布上画边框的功能，在填充方面，你还可使用不透明的9.png和透明的9.png，带边框的...

Android自定义TextView带圆角边框颜色（动态更改边框颜色）: 自定义TextView带边框，可以动态更边框颜色以及字体颜色，可设置边框圆角

Android学习笔记四：基本视图组件：TextView: NULL 博文链接：https://sarin.iteye.com/blog/1567318

android：textview组件用例: textview组件各种属性使用简介齐全

Android代码-LyricView：歌词Textview: Android LyricView that accepts lrc stream as input, it is used in my project LyricHere. This library offers a simple view that accepts lrc stream as input, shows lyric and automatically move according...

Android TextView实现垂直滚动效果的方法: 本文实例讲述了Android TextView实现垂直滚动效果的方法。分享给大家供大家参考，具体如下：在TextView中，如果文本很长，可能需要实现垂直滚动显示文本的效果。这里需要在XML布局文件中为TextView设置如下几个属性...

Android项目设计与开发：文本框TextView.ppt: 嵌入式Android项目设计与开发第四章基本控件编程 ——文本框TextView 引言 Android为编程人员提供了大量的控件，这些控件能实现各类型的功能，正如之前学习过的button和Toast。本章节我们选取几个较为常用的控件...

Android自定义属性实现带边框效果的TextView: Android自定义属性实现带边框效果的TextView，详细使用请查看：http://blog.csdn.net/llew2011

android TextView android TextView: android TextView android TextView

Android textview 文字中间加上图片: Android textview 文字中间加上图片

android 逐行显示自动换行的textview: android 逐行逐字显示的textview 播放通知的字幕逐字逐行显示。可以控制显示的次数。

代码中控制textView边框和背景: 可以在代码中控制textView的边框颜色以及背景颜色，避免过多的绘制不同颜色的xml文件，使用时必须为textView设置一个默认的背景样式，但是有个弱点，在xml中设置默认背景时，修改后默认背景会一同被改变，所以尽量...

android实验2界面设计：基本组件.doc: 掌握常用组件在布局文件中的设置 2. 掌握在java程序中获取组件值 3. 掌握对组件值得验证 4. 掌握基本常用的监听器，和事件处理 5. 掌握将组件值提交到下一个Activity活动的方法二．实验环境 JDK的版本: "1.8.0_40...

Android布局实现圆角边框效果: 首先，在res下面新建一个文件夹drawable，在drawable下面新建三个xml文件：shape_corner_down.xml、shape_corner_up.xml和shape_corner.xml，分别是下面两个角是圆角边框，上面两个角是圆角边框，四个角全部是圆角...

Android应用：TextView超级链接的2种实现方法: Android源代码 TextView超链接实现用了2种方法：（1） XML文件实现（2） java源代码实现

android TextView 支持CSS样式: android TextView 支持CSS样式

Get清风android实验2界面设计：基本组件.doc: android实验2界面设计：基本组件西安邮电大学〔计算机学院〕课内实验报告实验名称：界面设计：根本组件专业：网络工程班级：姓名：学号：指导教师：日期： 2021年4月20日一．实验目的 1. ...

Android TextView 去掉自适应默认的fontpadding的实现方法: Android TextView 去掉自适应默认的fontpadding的实现方法最近在项目中使用textview时发现在使用Android:layout_height=”wrap_content”这个属性设置后，textview会有默认的padding，也就是fontpadding。这样就会...

android自定义的翻转textview: 一个自定义的android的翻转textview,效果很不错的

android 实现可以放大缩小的TextView: 我们在浏览网页时，网页的文本可以放大缩小，android两点手势，两点距离靠近时缩小，两点距离...那么若果不用android的WebView控件，单纯的TextView能否做到放大缩小呢，其实也是可以的。只要响应和处理手势事件即可。

Global site tag (gtag.js) - Google Analytics