安卓应用：标签

Love The Way You Lie 2024-04-01 18:16 87阅读 0赞

#### 文章目录 ####

*  一、效果图
 *  二、案例演示
 *   *  1、新建安卓应用
     *  2、自定义边框配置文件
     *  3、字符串资源文件
     *  4、主布局资源文件
     *  5、主界面类
     *  6、启动应用，查看效果

--------------------

## 一、效果图 ##

![在这里插入图片描述][c1e2417eb286480289aa1ebad6eea3c0.png]

## 二、案例演示 ##

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

*  基于`Empty Activity`模板创建 - `TextViewDemo`  
    ![在这里插入图片描述][e823be46285e4ae087ece372f6a47915.png]  
    ![在这里插入图片描述][8be63ae31ddf42babcf1993a22734b1a.png]  
    ![在这里插入图片描述][23e9896452d34b639c4c4ba59926b4e2.png]

### 2、自定义边框配置文件 ###

![在这里插入图片描述][b9d6f151e2b8411c920f68ffa5a20cd2.png]  
![在这里插入图片描述][4fe4cf078aab41b3a261ec07dba616fc.png]

*  点击【ok】按钮  
    ![在这里插入图片描述][d075b8e6768c41aa80d6e4121c4bfcbf.png]

<?xml version="1.0" encoding="utf-8"?>
 <shape xmlns:android="http://schemas.android.com/apk/res/android"
 android:shape="rectangle">
 
 <corners android:radius="5dp" />
 <solid android:color="#dddddd" />
 <stroke
 android:width="1dp"
 android:color="#555555" />
 
 <padding
 android:bottom="10dp"
 android:left="10dp"
 android:right="10dp"
 android:top="10dp" />
 
 <gradient
 android:centerColor="#ffff00"
 android:endColor="#00ff00"
 android:startColor="#aaaaaa" />
 
 </shape>

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

*  `strings.xml`  
    ![在这里插入图片描述][e64e6053294f4d0d8e27caba02ae79b0.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>

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

![在这里插入图片描述][71cd514495b14c36a5de9705b9cfcd9c.png]

<?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical"
 android:background="#000000"
 android:padding="10dp"
 tools:context=".MainActivity">
 
 <TextView
 android:id="@+id/tvn_normal"
 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/tv_bold"
 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/tv_italic"
 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/tv_boldItalic"
 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/tv_allCaps"
 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/tv_theorem"
 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/tv_equation"
 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/tv_web"
 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/tv_email"
 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/tv_phone"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_marginTop="10dp"
 android:autoLink="phone"
 android:text="电话：19161576451"
 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/tv_borderedText"
 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>

### 5、主界面类 ###

*  `MainActivity`  
    ![在这里插入图片描述][631964da5a004f2b9c9dd0e67ef26a88.png]

package net.hxl.text_view_demo;
 
 import androidx.appcompat.app.AppCompatActivity;
 
 import android.os.Bundle;
 import android.text.Html;
 import android.widget.TextView;
 
 public class MainActivity extends AppCompatActivity {
 
 
 private TextView tvTheorem;
 private TextView tvEquation;
 
 @Override
 protected void onCreate(Bundle savedInstanceState) {
 
 super.onCreate(savedInstanceState);
 // 利用布局资源文件设置用户界面
 setContentView(R.layout.activity_main);
 // 通过资源标识符获取控件实例
 tvTheorem = findViewById(R.id.tv_theorem);
 tvEquation = findViewById(R.id.tv_equation);
 // 显示勾股定理
 tvTheorem.setText(Html.fromHtml("显示勾股定理:a2 + b2 = c2"));
 // 显示化学方程式
 tvEquation.setText(Html.fromHtml("化学方程式:2H2 + O2 = 2H2O"));
 }
 }

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

*  可以点击 网址和电话尝试效果  
    ![在这里插入图片描述][c67e1f006e0b47fc8a7db2c4f8a664b8.png]

[c1e2417eb286480289aa1ebad6eea3c0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/20691155516e4621ab44a69260994966.png
[e823be46285e4ae087ece372f6a47915.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/283a7fc153e2451784230d031c9993bf.png
[8be63ae31ddf42babcf1993a22734b1a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/fb125d0d5e1d43579087b82c9b4202b8.png
[23e9896452d34b639c4c4ba59926b4e2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6c3dac93d5c441498b35e0c0df047f8e.png
[b9d6f151e2b8411c920f68ffa5a20cd2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/0982bc512c6a42ae8674e8bc31ce8ec8.png
[4fe4cf078aab41b3a261ec07dba616fc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/6c5267fa01d54b5fb74e1a9c0e270e47.png
[d075b8e6768c41aa80d6e4121c4bfcbf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/decd1652c60b4111b488c5ec56046939.png
[e64e6053294f4d0d8e27caba02ae79b0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/cbd6e9d22a0642a7802c5fefc142e358.png
[71cd514495b14c36a5de9705b9cfcd9c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/03a5fd000e594047acab2a0a2938916b.png
[631964da5a004f2b9c9dd0e67ef26a88.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/33792d554fc14e54b0b85e536d089c0e.png
[c67e1f006e0b47fc8a7db2c4f8a664b8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/01/3f6c08bf2f924efd9aa842305f68e61b.png