android:text="@string/ ",Android之TextView(文本框)详解

1.基础属性详解:

通过下面这个简单的界面,我们来了解几个最基本的属性:

00c7bc1a1250

布局代码:

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".MainActivity"

android:gravity="center"

android:background="#8fffad">

android:id="@+id/txtOne"

android:layout_width="200dp"

android:layout_height="200dp"

android:gravity="center"

android:text="TextView(显示框)"

android:textColor="#EA5246"

android:textStyle="bold|italic"

android:background="#000000"

android:textSize="18sp" />

上面的TextView中有下述几个属性:

id:为TextView设置一个组件id,根据id,我们可以在Java代码中通过findViewById()的方法获取到该对象,然后进行相关属性的设置,又或者使用RelativeLayout时,参考组件用的也是id!

layout_width:组件的宽度,一般写:wrap_content或者match_parent(fill_parent),前者是控件显示的内容多大,控件就多大,而后者会填满该控件所在的父容器;当然也可以设置成特定的大小,比如我这里为了显示效果,设置成了200dp。

layout_height:组件的宽度,内容同上。

gravity:设置控件中内容的对齐方向,TextView中是文字,ImageView中是图片等等。

text:设置显示的文本内容,一般我们是把字符串写到string.xml文件中,然后通过@String/xxx取得对应的字符串内容的,这里为了方便我直接就写到""里,不建议这样写!!!

textColor:设置字体颜色,同上,通过colors.xml资源来引用,别直接这样写!

textStyle:设置字体风格,三个可选值:normal(无效果),bold(加粗),italic(斜体)

textSize:字体大小,单位一般是用sp!

background:控件的背景颜色,可以理解为填充整个控件的颜色,可以是图片哦!

2.实际开发例子

2.1 带阴影的TextView

涉及到的几个属性:

android:shadowColor:设置阴影颜色,需要与shadowRadius一起使用哦!

android:shadowRadius:设置阴影的模糊程度,设为0.1就变成字体颜色了,建议使用3.0

android:shadowDx:设置阴影在水平方向的偏移,就是水平方向阴影开始的横坐标位置

android:shadowDy:设置阴影在竖直方向的偏移,就是竖直方向阴影开始的纵坐标位置

效果图:

00c7bc1a1250

实现代码:

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:shadowColor="#F9F900"

android:shadowDx="10.0"

android:shadowDy="10.0"

android:shadowRadius="3.0"

android:text="带阴影的TextView"

android:textColor="#4A4AFF"

android:textSize="30sp" />

2.2 带边框的TextView:

如果你想为TextView设置一个边框背景,普通矩形边框或者圆角边框!下面可能帮到你! 另外TextView是很多其他控件的父类,比如Button,也可以设置这样的边框! 实现原理很简单,自行编写一个ShapeDrawable的资源文件!然后TextView将blackgroung 设置为这个drawable资源即可!

简单说下shapeDrawable资源文件的几个节点以及属性:

这个是设置背景颜色的

这个是设置边框的粗细,以及边框颜色的

这个是设置边距的

这个是设置圆角的

这个是设置渐变色的,可选属性有: startColor:起始颜色 endColor:结束颜色 centerColor:中间颜色 angle:方向角度,等于0时,从左到右,然后逆时针方向转,当angle = 90度时从下往上 type:设置渐变的类型

实现效果图:

00c7bc1a1250

代码实现:

Step 1:编写矩形边框的Drawable:

android:angle="270"

android:endColor="#C0C0C0"

android:startColor="#FCD209" />

android:left="5dp"

android:top="5dp"

android:right="5dp"

android:bottom="5dp"/>

Step 2:编写圆角矩形边框的Drawable:

android:width="2px"

android:color="#000000" />

android:bottomLeftRadius="10px"

android:bottomRightRadius="10px"

android:topLeftRadius="10px"

android:topRightRadius="10px" />

android:bottom="5dp"

android:left="5dp"

android:right="5dp"

android:top="5dp" />

Step 3:将TextView的blackground属性设置成上面这两个Drawable:

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#FFFFFF"

android:gravity="center"

android:orientation="vertical"

tools:context=".MainActivity">

android:id="@+id/txtOne"

android:layout_width="200dp"

android:layout_height="64dp"

android:textSize="18sp"

android:gravity="center"

android:background="@drawable/txt_rectborder"

android:text="矩形边框的TextView" />

android:id="@+id/txtTwo"

android:layout_width="200dp"

android:layout_height="64dp"

android:layout_marginTop="10dp"

android:textSize="18sp"

android:gravity="center"

android:background="@drawable/txt_radiuborder"

android:text="圆角边框的TextView" />

2.3 带图片(drawableXxx)的TextView:

在实际开发中,我们可能会遇到这种需求:

00c7bc1a1250

如图,要实现这种效果,可能你的想法是:一个ImageView用于显示图片 + 一个TextView用于显示文字,然后把他们丢到一个LinearLayout中,接着依次创建四个这样的小布局,再另外放到一个大的LinearLayout中,效果是可以实现,但是会不会有点繁琐呢?而且前面我们前面也说过,布局层次越少,性能越好!使用drawableXxx就可以省掉上面的过程,直接设置四个TextView就可以完成我们的需求!

基本用法:

设置图片的核心其实就是:drawableXxx;可以设置四个方向的图片:drawableTop(上),drawableButtom(下),drawableLeft(左),drawableRight(右) 另外,你也可以使用drawablePadding来设置图片与文字间的间距!

效果图:(设置四个方向上的图片)

00c7bc1a1250

实现代码:

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="com.jay.example.test.MainActivity" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_centerInParent="true"

android:drawableTop="@drawable/show1"

android:drawableLeft="@drawable/show1"

android:drawableRight="@drawable/show1"

android:drawableBottom="@drawable/show1"

android:drawablePadding="10dp"

android:text="张全蛋" />

一些问题: 可能你会发现,我们这样设置的drawable并不能自行设置大小,在XML是无法直接设置的; 所以我们需要在Java代码中来进行一个修改!

示例代码如下:

package com.jay.example.test;

import android.app.Activity;

import android.graphics.drawable.Drawable;

import android.os.Bundle;

import android.widget.TextView;

public class MainActivity extends Activity {

private TextView txtZQD;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

txtZQD = (TextView) findViewById(R.id.txtZQD);

Drawable[] drawable = txtZQD.getCompoundDrawables();

// 数组下表0~3,依次是:左上右下

drawable[1].setBounds(100, 0, 200, 200);

txtZQD.setCompoundDrawables(drawable[0], drawable[1], drawable[2],

drawable[3]);

}

}

运行效果图:

00c7bc1a1250

代码分析:

①Drawable[] drawable = txtZQD.getCompoundDrawables( ); 获得四个不同方向上的图片资源,数组元素依次是:左上右下的图片

②drawable[1].setBounds(100, 0, 200, 200); 接着获得资源后,可以调用setBounds设置左上右下坐标点,比如这里设置了代表的是: 长是:从离文字最左边开始100dp处到200dp处 宽是:从文字上方0dp处往上延伸200dp!

③txtZQD.setCompoundDrawables(drawable[0], drawable[1], drawable[2], drawable[3]);为TextView重新设置drawable数组!没有图片可以用null代替哦! PS:另外,从上面看出我们也可以直接在Java代码中调用setCompoundDrawables为 TextView设置图片!

2.4 使用autoLink属性识别链接类型

当文字中出现了URL,E-Mail,电话号码,地图的时候,我们可以通过设置autoLink属性;当我们点击 文字中对应部分的文字,即可跳转至某默认APP,比如一串号码,点击后跳转至拨号界面!

00c7bc1a1250

看下效果图:

00c7bc1a1250

all就是全部都包含,自动识别协议头~ 在Java代码中可以调用setAutoLinkMask(Linkify.ALL); 这个时候可以不写协议头,autolink会自动识别,但是还要为这个TextView设置:

setMovementMethod(LinkMovementMethod.getInstance()); 不然点击了是没效果的!

2.5 TextView玩转HTML

如题,除了显示普通文本外,TextView还预定义了一些类似于HTML的标签,通过这些标签,我们可以使 TextView显示不同的字体颜色,大小,字体,甚至是显示图片,或者链接等!我们只要使用HTML中的一些 标签,加上android.text.HTML类的支持,即可完成上述功能!

PS:当然,并不是支持所有的标签,常用的有下述这些:

:设置颜色和字体。

:设置字体大号

:设置字体小号

:斜体粗体

:连接网址

:图片

如果直接setText的话是没作用的,我们需要调用Html.fromHtml()方法将字符串转换为CharSequence接口, 然后再进行设置,如果我们需要相应设置,需要为TextView进行设置,调用下述方法: Java: setMovementMethod(LinkMovementMethod.getInstance())

嗯,接着我们写代码来试试:

测试文本与超链接标签

public class MainActivity extends AppCompatActivity {

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

TextView t1 = (TextView)findViewById(R.id.txtOne);

String s1 = "百度一下,你就知道~:
";

s1 += "百度";

t1.setText(Html.fromHtml(s1));

t1.setMovementMethod(LinkMovementMethod.getInstance());

}

}

2.6跑马灯效果

简单说下什么是跑马灯,就是类似于web一样,有一行字一直循环滚滚动这样,好吧还是看看 实现效果图,一看就懂的了~

实现效果图:

00c7bc1a1250

android:id="@+id/textView"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textSize="40sp"

android:singleLine="true"

android:ellipsize="marquee"

android:marqueeRepeatLimit="marquee_forever"

android:text="人民日报生活漫步:莫让千元打车费毁了专车" />

一定要设置单行显示singleline ellipize设置为marquee就是跑马灯属性,

marqueeReatLimit设置marquee_forever意思为一直都是滚动模式

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值