Android开发入门组件（一）——TextView

最近在学习安卓开发，顺便把自己的学习笔记写在这里，按需自取哈，也是日后复习的一个路子。

先从基础的组件开始学习，第一个就是TextView，用来放文字显示的用，具体按下面来写

首先看一个完整的TextView的写法

 <TextView
        android:id="@+id/tv1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Demo TextView"
        android:textColor="#5731F0"
        android:textSize="20sp"
        android:layout_marginBottom="10dp"/>

（1）文字、文字颜色、大小

 <TextView
        android:id="@+id/tv1" //组件的ID
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Demo TextView" //TextView的文字
        android:textColor="#5731F0"   //TextView的文字的颜色
        android:textSize="20sp"      //TextView的文字的大小
        android:layout_marginBottom="10dp"/>

对于颜色的选取可以选用对应颜色的RGB色值来选择，在线取色器（可以取到颜色对应的RGB的代码，直接拿过来用即可）

在线取色器连接

 

（2）显示不下使用...

<TextView
        android:id="@+id/tv2"
        android:layout_width="100dp"  //TextView组件的宽度
        android:layout_height="wrap_content"
        android:maxLines="1"   //只能显示1行
        android:ellipsize="end"   //缩略的形式
        android:text="Demo TextView"
        android:textColor="#6576BD"
        android:textSize="20sp"
        android:layout_marginBottom="10dp"/>

android:layout_width="100dp"  //TextView组件的宽度
android:maxLines="1"   //只能显示1行
android:ellipsize="end"   //缩略的形式

如图

主要由这三个属性来决定显示不下使用....省略

（3）文字+icon

对于文字可以搭配图标来使用，首先先下载好PNG图片复制到drawable文件目录下，如图

然后在代码中申明即可，见下

<TextView
        android:id="@+id/tv3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Demo TextView"
        android:textColor="#6576BD"
        android:textSize="20sp"
        android:layout_marginBottom="10dp"
        android:drawableLeft="@drawable/arrow"   //图片的地址
        android:drawablePadding="2dp"/>

效果如图，左边就是添加的图片

（4）中划线、下划线

中划线和下划线需要在xml对应的java文件中声明，故只能在生成的APP调试中查看（虚拟机），代码预览中看不到效果

直接上代码

xml代码

<TextView
        android:id="@+id/tv4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Demo TextView"
        android:textColor="#6576BD"
        android:textSize="20sp"
        android:layout_marginBottom="10dp"/>

    <TextView
        android:id="@+id/tv5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Demo TextView"
        android:textColor="#6576BD"
        android:textSize="20sp"
        android:layout_marginBottom="10dp"/>

java代码

public class TextViewActivity extends AppCompatActivity {

    TextView tv4,tv5;  //定义组件
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_textview);
        tv4=findViewById(R.id.tv4);  //找到组件对应的ID
        tv5=findViewById(R.id.tv5);  //找到组件对应的ID
        tv4.getPaint().setFlags(Paint.STRIKE_THRU_TEXT_FLAG);//设置中划线
        tv4.getPaint().setAntiAlias(true);//去掉锯齿
        tv5.getPaint().setFlags(Paint.UNDERLINE_TEXT_FLAG);//设置下划线

    }
}

效果如下，需要在运行代码之后在虚拟机上能看到效果

 

（5）进行文字的轮播跑马灯（类似于商店的那种LED轮播广告一样）

上代码，主要是那5行

<TextView
        android:id="@+id/tv6"
        android:layout_width="300dp"
        android:layout_height="wrap_content"
        android:ellipsize="marquee"  //设置跑马灯方式 
        android:singleLine="true"    //单行
        android:marqueeRepeatLimit="marquee_forever" //循环次数为无穷
        android:focusable="true"    //聚焦
        android:focusableInTouchMode="true"  //聚焦模式
        android:text="Demo TextView  Demo TextView  Demo TextView"
        android:textColor="#6576BD"
        android:textSize="20sp"
        android:layout_marginBottom="10dp"/>