安卓应用：标签

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

文章目录

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

一、效果图

在这里插入图片描述

二、案例演示

1、新建安卓应用

  • 基于Empty Activity模板创建 - TextViewDemo
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

2、自定义边框配置文件

在这里插入图片描述
在这里插入图片描述

  • 点击【ok】按钮
    在这里插入图片描述

    <?xml version=”1.0” encoding=”utf-8”?>

3、字符串资源文件

  • strings.xml
    在这里插入图片描述


    标签演示
    常规：Welcome to Android World
    粗体：Welcome to Android World
    斜体：Welcome to Android World
    粗斜：Welcome to Android World
    全大写：Welcome to Android World
    勾股定理：
    化学方程式：
    安卓

4、主布局资源文件

在这里插入图片描述

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     xmlns:tools="http://schemas.android.com/tools"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     android:orientation="vertical"
  7.     android:background="#000000"
  8.     android:padding="10dp"
  9.     tools:context=".MainActivity">
  11.     <TextView
  12.         android:id="@+id/tvn_normal"
  13.         android:layout_width="wrap_content"
  14.         android:layout_height="wrap_content"
  15.         android:text="@string/normal"
  16.         android:textColor="@android:color/holo_blue_bright"
  17.         android:textSize="15sp"
  18.         android:textStyle="normal" />
  20.     <TextView
  21.         android:id="@+id/tv_bold"
  22.         android:layout_width="wrap_content"
  23.         android:layout_height="wrap_content"
  24.         android:text="@string/bold"
  25.         android:textColor="@android:color/holo_green_light"
  26.         android:textSize="15sp"
  27.         android:textStyle="bold" />
  29.     <TextView
  30.         android:id="@+id/tv_italic"
  31.         android:layout_width="wrap_content"
  32.         android:layout_height="wrap_content"
  33.         android:text="@string/italic"
  34.         android:textColor="@android:color/holo_orange_light"
  35.         android:textSize="15sp"
  36.         android:textStyle="italic" />
  38.     <TextView
  39.         android:id="@+id/tv_boldItalic"
  40.         android:layout_width="wrap_content"
  41.         android:layout_height="wrap_content"
  42.         android:text="@string/bold_italic"
  43.         android:textColor="@android:color/holo_purple"
  44.         android:textSize="15sp"
  45.         android:textStyle="bold|italic" />
  47.     <!--分割线-->
  48.     <View
  49.         android:layout_width="match_parent"
  50.         android:layout_height="1dp"
  51.         android:layout_marginTop="5dp"
  52.         android:layout_marginBottom="5dp"
  53.         android:background="#aaaaaa" />
  55.     <TextView
  56.         android:id="@+id/tv_allCaps"
  57.         android:layout_width="wrap_content"
  58.         android:layout_height="wrap_content"
  59.         android:text="@string/all_caps"
  60.         android:textAllCaps="true"
  61.         android:textColor="#ffffff"
  62.         android:textSize="15sp"
  63.         android:textStyle="normal" />
  65.     <TextView
  66.         android:id="@+id/tv_theorem"
  67.         android:layout_width="wrap_content"
  68.         android:layout_height="40dp"
  69.         android:gravity="center_vertical"
  70.         android:layout_marginTop="10dp"
  71.         android:text="@string/theorem"
  72.         android:textColor="@android:color/holo_red_light"
  73.         android:textSize="20sp" />
  75.     <TextView
  76.         android:id="@+id/tv_equation"
  77.         android:layout_width="wrap_content"
  78.         android:layout_height="40dp"
  79.         android:layout_marginTop="10dp"
  80.         android:gravity="center_vertical"
  81.         android:text="@string/equation"
  82.         android:textColor="@android:color/holo_green_dark"
  83.         android:textSize="20sp" />
  85.     <!-- 分隔线 -->
  86.     <View
  87.         android:layout_width="match_parent"
  88.         android:layout_height="1dp"
  89.         android:layout_marginTop="5dp"
  90.         android:layout_marginBottom="5dp"
  91.         android:background="#aaaaaa" />
  93.     <TextView
  94.         android:id="@+id/tv_web"
  95.         android:layout_width="wrap_content"
  96.         android:layout_height="wrap_content"
  97.         android:layout_marginTop="10dp"
  98.         android:autoLink="web"
  99.         android:text="网址：http://www.baidu.com"
  100.         android:textColor="@android:color/holo_orange_light"
  101.         android:textSize="15sp" />
  103.     <TextView
  104.         android:id="@+id/tv_email"
  105.         android:layout_width="wrap_content"
  106.         android:layout_height="wrap_content"
  107.         android:layout_marginTop="10dp"
  108.         android:autoLink="email"
  109.         android:text="邮箱：maths007@163.com"
  110.         android:textColor="@android:color/holo_green_light"
  111.         android:textSize="15sp" />
  113.     <TextView
  114.         android:id="@+id/tv_phone"
  115.         android:layout_width="wrap_content"
  116.         android:layout_height="wrap_content"
  117.         android:layout_marginTop="10dp"
  118.         android:autoLink="phone"
  119.         android:text="电话：19161576451"
  120.         android:textColor="@android:color/holo_red_light"
  121.         android:textSize="15sp" />
  123.     <!-- 分隔线 -->
  124.     <View
  125.         android:layout_width="match_parent"
  126.         android:layout_height="1dp"
  127.         android:layout_marginTop="5dp"
  128.         android:layout_marginBottom="5dp"
  129.         android:background="#aaaaaa" />
  131.     <TextView
  132.         android:id="@+id/tv_borderedText"
  133.         android:layout_width="wrap_content"
  134.         android:layout_height="wrap_content"
  135.         android:layout_marginTop="10dp"
  136.         android:background="@drawable/custom_border"
  137.         android:text="带边框的文本：永不放弃的梦想"
  138.         android:textColor="#ff0000"
  139.         android:textSize="15sp" />
  141.     <LinearLayout
  142.         android:layout_width="match_parent"
  143.         android:layout_height="160dp"
  144.         android:orientation="horizontal"
  145.         android:gravity="center">
  147.         <!--图片标签-->
  148.         <TextView
  149.             android:layout_width="wrap_content"
  150.             android:layout_height="wrap_content"
  151.             android:drawableLeft="@mipmap/ic_launcher"
  152.             android:gravity="center"
  153.             android:text="@string/android"
  154.             android:textColor="#ffffff"
  155.             android:textSize="18sp" />
  157.         <TextView
  158.             android:layout_width="wrap_content"
  159.             android:layout_height="wrap_content"
  160.             android:drawableTop="@mipmap/ic_launcher"
  161.             android:gravity="center"
  162.             android:text="@string/android"
  163.             android:textColor="#ffffff"
  164.             android:textSize="18sp" />
  166.         <TextView
  167.             android:layout_width="wrap_content"
  168.             android:layout_height="wrap_content"
  169.             android:drawableBottom="@mipmap/ic_launcher"
  170.             android:gravity="center"
  171.             android:text="@string/android"
  172.             android:textColor="#ffffff"
  173.             android:textSize="18sp" />
  175.         <TextView
  176.             android:layout_width="wrap_content"
  177.             android:layout_height="wrap_content"
  178.             android:drawableRight="@mipmap/ic_launcher"
  179.             android:gravity="center"
  180.             android:text="@string/android"
  181.             android:textColor="#ffffff"
  182.             android:textSize="18sp" />
  183.     </LinearLayout>
  184. </LinearLayout>

5、主界面类

  • MainActivity
    在这里插入图片描述

    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 {

  1.     private TextView tvTheorem;
  2.     private TextView tvEquation;
  4.     @Override
  5.     protected void onCreate(Bundle savedInstanceState) {
  7.         super.onCreate(savedInstanceState);
  8.         // 利用布局资源文件设置用户界面
  9.         setContentView(R.layout.activity_main);
  10.         // 通过资源标识符获取控件实例
  11.         tvTheorem = findViewById(R.id.tv_theorem);
  12.         tvEquation = findViewById(R.id.tv_equation);
  13.         // 显示勾股定理
  14.         tvTheorem.setText(Html.fromHtml("显示勾股定理:a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>"));
  15.         // 显示化学方程式
  16.         tvEquation.setText(Html.fromHtml("化学方程式:2H<sub>2</sub> + O<sub>2</sub> = 2H<sub>2</sub>O"));
  17.     }
  18. }

6、启动应用，查看效果

  • 可以点击 网址和电话尝试效果
    在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，242人围观）

还没有评论，来说两句吧...

相关阅读

    相关 安卓结构图

    安卓项目结构图和安卓体系架构和MVC视图，让你更加清楚的了解android的结构 ![这里写图片描述][70] ![这里写图片描述][70 1] ------------

    我不是女神ヾ我不是女神ヾ/ 0 赞/ 479 阅读