安卓讲课笔记5.1标签

傷城~ 2024-04-01 15:29 104阅读 0赞

## 一、继承关系图 ##

*  TextView是View的子类
 *  Button和EditText都是TextView的子类

## 二、标签常用属性 ##

1.  text：标签文本内容（@string/username）
2.  textColor：标签文本颜色（\#ff00ff、@color/red）
3.  textSize：标签文本字号（单位用sp）
4.  textStyle：标签文本样式（normal | bold | italic）
5.  autoLink：自动链接（none、web、email、phone、map）
6.  background：背景（背景色、背景图片、背景图形）
7.  textAllCaps：字母全大写
8.  drawableTop：图片在上
9.  drawableBottom：图片在下
10. drawableLeft：图片在左
11. drawableRight：图片在右

## 三、教学案例 - 标签演示 ##

### 1、创建安卓应用 ###

*  基于EmptyAcitvity模板创建安卓应用TextViewDemo

![7897aa31f26c49cea87026d488c542df.png][]

单击Finish，完成

![95807cf8cec143989e14aa91990dd517.png][]

### 2、字符串资源文件 ###

![7b8c3ea466624beaa2a9486c0c0bc150.png][]

<resources>
        <string name="app_name">标签演示</string>
        <string name="normal">常规：Welcome to Android World</string>
        <string name="bold">粗体：Welcome to Android World</string>
        <string name="italic">斜体：Welcome to Android World</string>
        <string name="bold_italic">粗斜：Welcome to Android World</string>
        <string name="all_caps">全大写：Welcome to Android World</string>
        <string name="theorem">勾股定理：</string>
        <string name="equation">化学方程式：</string>
        <string name="android">安卓</string>
    </resources>

### 3、主布局资源文件 ###

![d3ff7da8067d4f3b9de84619750a2a58.png][]

<?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="#000000"
        android:orientation="vertical"
        android:padding="10dp">
    
        <TextView
            android:id="@+id/tvNormal"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/normal"
            android:textColor="@android:color/holo_blue_bright"
            android:textSize="15sp"
            android:textStyle="normal" />
    
        <TextView
            android:id="@+id/tvBold"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/bold"
            android:textColor="@android:color/holo_green_light"
            android:textSize="15sp"
            android:textStyle="bold" />
    
        <TextView
            android:id="@+id/tvItalic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/italic"
            android:textColor="@android:color/holo_orange_light"
            android:textSize="15sp"
            android:textStyle="italic" />
    
        <TextView
            android:id="@+id/tvBoldItalic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/bold_italic"
            android:textColor="@android:color/holo_purple"
            android:textSize="15sp"
            android:textStyle="bold|italic" />
    
        
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="5dp"
            android:background="#aaaaaa" />
    
        <TextView
            android:id="@+id/tvAllCaps"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="@string/all_caps"
            android:textAllCaps="true"
            android:textColor="#ffffff"
            android:textSize="15sp"
            android:textStyle="normal" />
    
        <TextView
            android:id="@+id/tvTheorem"
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:gravity="center_vertical"
            android:layout_marginTop="10dp"
            android:text="@string/theorem"
            android:textColor="@android:color/holo_red_light"
            android:textSize="20sp" />
    
        <TextView
            android:id="@+id/tvEquation"
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:layout_marginTop="10dp"
            android:gravity="center_vertical"
            android:text="@string/equation"
            android:textColor="@android:color/holo_green_dark"
            android:textSize="20sp" />
    
        
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="5dp"
            android:background="#aaaaaa" />
    
        <TextView
            android:id="@+id/tvWeb"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:autoLink="web"
            android:text="网址：http://www.baidu.com"
            android:textColor="@android:color/holo_orange_light"
            android:textSize="15sp" />
    
        <TextView
            android:id="@+id/tvEmail"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:autoLink="email"
            android:text="邮箱：maths007@163.com"
            android:textColor="@android:color/holo_green_light"
            android:textSize="15sp" />
    
        <TextView
            android:id="@+id/tvPhone"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:autoLink="phone"
            android:text="电话：15892921170"
            android:textColor="@android:color/holo_red_light"
            android:textSize="15sp" />
    
        
        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginTop="5dp"
            android:layout_marginBottom="5dp"
            android:background="#aaaaaa" />
    
        <TextView
            android:id="@+id/tvBorderedText"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:background="@drawable/custom_border"
            android:text="带边框的文本：永不放弃的梦想"
            android:textColor="#ff0000"
            android:textSize="15sp" />
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="160dp"
            android:orientation="horizontal"
            android:gravity="center">
    
            
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:drawableLeft="@mipmap/ic_launcher"
                android:gravity="center"
                android:text="@string/android"
                android:textColor="#ffffff"
                android:textSize="18sp" />
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:drawableTop="@mipmap/ic_launcher"
                android:gravity="center"
                android:text="@string/android"
                android:textColor="#ffffff"
                android:textSize="18sp" />
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:drawableBottom="@mipmap/ic_launcher"
                android:gravity="center"
                android:text="@string/android"
                android:textColor="#ffffff"
                android:textSize="18sp" />
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:drawableRight="@mipmap/ic_launcher"
                android:gravity="center"
                android:text="@string/android"
                android:textColor="#ffffff"
                android:textSize="18sp" />
        </LinearLayout>
    </LinearLayout>

### 4、自定义边框 ###

![c4dd3a985f2548729df33b42af75b657.png][]

<?xml version="1.0" encoding="utf-8"?>  
<shape xmlns:android="http://schemas.android.com/apk/res/android"  
android:shape="rectangle">

</shape>

### 5、主界面类实现功能 ###

![8c18791bcc354b88b92d273469925e14.png][]

先看看网页里怎么实现上下标

![d6d76f755c0e40008ff78f3eeb33938c.png][]

声明变量

![c7c046ee5fa347f39d496117fa5915e5.png][]

利用布局资源文件设置用户界面

![9f7eb2cac55c4c10a6bde325f9a43d4e.png][]

通过资源标识符获取控件实例

![1f5747c106b84204b3ae357911652495.png][]

显示勾股定理

![e0b086dd103c402ea1210c56ed5abd82.png][]

### 6、启动应用，查看效果 ###

![5602001a83a34d6db1648f1ccde4b24a.png][]

[7897aa31f26c49cea87026d488c542df.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/47b859af0e164392b19c5086ff7b567c.png
[95807cf8cec143989e14aa91990dd517.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/dbba299e50544229ba760580c4bd642a.png
[7b8c3ea466624beaa2a9486c0c0bc150.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/a0022cb657b241faa3edd3ea6f2bd491.png
[d3ff7da8067d4f3b9de84619750a2a58.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/59abd413a9dc4377b244b91521680964.png
[c4dd3a985f2548729df33b42af75b657.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/fdbdfcb452094e77ac711b14f21120be.png
[8c18791bcc354b88b92d273469925e14.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/7ea43cfe8ef142c1ae9e35c634c9ea95.png
[d6d76f755c0e40008ff78f3eeb33938c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/1df8fd8f4f864c98bc73e8c2afee9997.png
[c7c046ee5fa347f39d496117fa5915e5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/03ec5d55504a4e6ba614473a01fc143b.png
[9f7eb2cac55c4c10a6bde325f9a43d4e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/48e0077c5f1e4b17b6670088700d9224.png
[1f5747c106b84204b3ae357911652495.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/ccf6529b35304ab497439c79d1bce2fc.png
[e0b086dd103c402ea1210c56ed5abd82.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/2a175968b74449e3b0e947fa0486f1ed.png
[5602001a83a34d6db1648f1ccde4b24a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/e72816731fa44c7abf4f58ab8acf5b37.png