Android之UI组件TextView的属性大集合
下载原码地址：http://download.csdn.net/detail/rhljiayou/3917103
1、先展示项目结构图：
主界面：
链接手机/网页/邮件/地址的界面效果：
文本显示内容处理界面：
TextView显示图片的界面：
2、主界面很简单就三个按钮事件
package cn.csdn.activity;
import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class TextViewLianxiActivity extends Activity {
Button button1=null;
Button button2=null;
Button button3=null;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
findViews();
/**手机/网页/邮件/地址/全部**/
button1.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Intent intent=new Intent();
intent.setClass(TextViewLianxiActivity.this, AddressTextView.class);
startActivity(intent);
}
});
/**文本内容处理**/
button2.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Intent intent=new Intent();
intent.setClass(TextViewLianxiActivity.this, FontTextView.class);
startActivity(intent);
}
});
/**显示图片和背景图片**/
button3.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
Intent intent=new Intent();
intent.setClass(TextViewLianxiActivity.this, ImageTextView.class);
startActivity(intent);
}
});
}
private void findViews() {
button1=(Button) findViewById(R.id.button1);
button2=(Button) findViewById(R.id.button2);
button3=(Button) findViewById(R.id.button3);
}
}main.xml文件很简单：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/test" />
<Button
android:id="@+id/button1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="链接手机/网页/邮件/地址" />
<Button
android:id="@+id/button2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="文本显示内容处理" />
<Button
android:id="@+id/button3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="TextView中显示图片" />
</LinearLayout>
链接手机/网页/邮件/地址的xml代码如下：
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<!-- 网页 -->
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:autoLink="web"
android:text="@string/webUrl" />
<!-- 邮箱 -->
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:autoLink="email"
android:text="@string/email" />
<!-- 手机号码 -->
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:autoLink="phone"
android:text="@string/phoneNumber" />
<!-- 以上全部 -->
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:autoLink="all"
android:background="#00ff00"
android:text="@string/autoAll" />
<!-- 地图地址 -->
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:autoLink="map"
android:text="@string/mapUrl" />
<!-- 用html显示超连接 -->
<TextView
android:id="@+id/tvHtml"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
</LinearLayout>
AddressTextView代码：
package cn.csdn.activity;
import android.app.Activity;
import android.os.Bundle;
import android.text.Html;
import android.widget.TextView;
public class AddressTextView extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
this.setContentView(R.layout.address);
TextView view=(TextView) findViewById(R.id.tvHtml);
String string="<a href='#'>这是用html超链接实现的</a>";
view.setText(Html.fromHtml(string));
}
}
注意：
android:autoLink=”email” ：会出现unsupported action，可能是模拟器bug，须探究
另外使用Html.fromHtml时，超链接只具备外观，不能跳转
谷歌地图：
设置android:autoLink="map"后需要有google地图才可以 否则会报错
文本显示内容处理界面xml的代码：
可以在textView中设置我们想要的任何效果
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="正常的文本内容" />
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textStyle="italic"
android:textColor="#ff0000"
android:text="倾斜的带颜色的字体" />
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#00ff00"
android:textStyle="bold"
android:textSize="30dp"
android:text="加粗，背景颜色，字体30dp" />
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="使文字显示*的字体"/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#ffffff"
android:text="使文字显示*的字体"
android:password="true"/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="20dp"
android:text="只显示一行字符串超出屏幕为'...'dsfusdiofjdsiofjsdiofjoisdjfiosdjfoisdjfoisdf"
android:singleLine="true" />
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textSize="20dp"
android:text="字符串超出屏幕为 换行显示这些 字符串 d"
/>
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textScaleX="0.5"
android:textColor="#ff0000"
android:text="红色字体设置显示文字的间隔为0.5" />
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:textScaleX="2.0"
android:textColor="#ff0000"
android:text="红色字体设置显示文字的间隔为2.0" />
<TextView
android:layout_width="200px"
android:layout_height="wrap_content"
android:textSize="20dp"
android:ellipsize="marquee"
android:marqueeRepeatLimit="marquee_forever"
android:focusable="true"
android:focusableInTouchMode="true"
android:scrollHorizontally="true"
android:text="文字滚屏文字跑马灯效果文字滚屏文字跑马灯效果" />
<cn.csdn.activity.BorderTextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:padding="10dp"
android:text="带边框的文字"/>
</LinearLayout>
解释一下跑马灯效果的一些属性：
- android:ellipsize="marquee"
- textview中样式是跑马灯效果。
- android:marqueeRepeatLimit="marquee_forever"
循环次数，这里是无限循环，可以根据需要写具体的次数，例如5。
- android:singleLine="true"
textview中字体单行显示，否则会换行，不会出现跑马灯效果。
- android:focusable="true"
- android:focusableInTouchMode="true"
使textview获取焦点，这样字体就会自动滚动。
上面带边框的BorderTextView是自己定义好的代码如下：
package cn.csdn.activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.TextView;
public class BorderTextView extends TextView {
public BorderTextView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public void onDraw(Canvas canvas) {
super.onDraw(canvas);
Paint paint = new Paint();
paint.setColor(android.graphics.Color.GREEN);
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);
}
}
写好这段代码只要在xml文件用就行了；
TextView显示图片：
通过设置背景的方式显示
android:background="@drawable/icon"
设置图片在textView的锚点位置
android:drawableBottom="@drawable/icon"
android:drawableTop="@drawable/icon"
android:drawableLeft="@drawable/icon"
android:drawableRight="@drawable/icon"
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/icon"
android:orientation="vertical" >
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@drawable/icon"
android:textColor="#ff0000"
android:textSize="20dp"
android:text="图像在文字上方"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableBottom="@drawable/icon"
android:textColor="#ff0000"
android:textSize="20dp"
android:text="图像在文字下方"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableLeft="@drawable/icon"
android:textColor="#ff0000"
android:textSize="20dp"
android:text="图像在文字左方"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableRight="@drawable/icon"
android:textColor="#ff0000"
android:textSize="20dp"
android:text="图像在文字右方"/>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/icon"
android:textColor="#ff0000"
android:textSize="20dp"
android:gravity="center"
android:text="文字在图片上中间"/>
</LinearLayout>ok！！代码到此为止，好多属性需要自己查文档来自己学习，这只是一部分属性！！
大家可以下载源代码来研究一下！！
http://download.csdn.net/detail/rhljiayou/3917103
分享到：
相关推荐
android的ui组件的textview的各种属性的设置及功能及大集合，布局文件定义！！！
这个是一份关于android中的组件TextView的属性介绍
016_android UI组件 之basicView- TextView视频教材，讲解的比较详细!!!
关于android的TextView属性集合和详解
Android开发中TextView属性大全 这是经过我个人的收集的textview属性详情
android TextView android TextView
Android中TextView的xml属性介绍，水平有限，仅供参考
TextView（标签文本） EditText（文本输入框） Button（按钮） ImageButton（图像按钮） ToggleButton（开关按钮） RadioButton（单选按钮） Progressbar（进度条） Checkbox（检查框） SeekBar（滑动条） RatingBar...
Android TextView 属性文档
一个自定义的android的翻转textview,效果很不错的
基本TextView控件的应用，包括TextView各种属性的设置，特殊的效果的TextView，如带边框的TextView各种实现方法，走马灯，垂直滚动，自动垂直滚动，歌词显示效果，超链接，Html标签在TextView中的应用等。
本文实例讲述了Android编程中TextView字体属性设置方法(大小、字体、下划线、背景色)。分享给大家供大家参考，具体如下： import android.content.Context; import android.graphics.Color; import android.text....
android_TextView的属性的见解和用法
android系统的textview组件的属性详解。和大家一起分享。
Android 一个TextView中设置不同字体大小和颜色
我们在浏览网页时，网页的文本可以放大缩小，android两点手势，两点距离靠近时缩小，两点距离...那么若果不用android的WebView控件，单纯的TextView能否做到放大缩小呢，其实也是可以的。只要响应和处理手势事件即可。
TextView属性大全
android TextView 支持CSS样式
Android开发过程中可能很多人都遇到过这样的问题，那就是TextView上下内边距的问题。使用TextView控件的时候由于其内边距导致与UI效果相差甚远。很是让不少程序猿难受，也包括我自己因为这个原因也没少和UI设计师打...
android实现TextView文字部分渐变色；LinearGradientFontSpan SpannableString