1. 首页
  2. 文章中心
  3. 1024程序员节

安卓编程基础——标签总结

98 阅读 0 评论
我是靠谱客的博主 美好红酒，这篇文章主要介绍安卓编程基础——标签总结，现在分享给大家，希望可以做个参考。

目录

前言

（一）继承关系图

（二）标签常用属性

（三）教学案例：标签演示

1、创建安卓应用

2、字符串资源文件

3、自定义边框配置文件

4、主布局资源文件

5、主界面类实现功能

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

总结

前言

  1. 熟悉标签常用属性
  2. 能在应用中正确使用标签
  3. 安卓应用里需要显示不变的信息，一般采用标签（TextView）。

一、标签

（一）继承关系图

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

  • （二）标签常用属性

属性作用
text标签文本内容（@string/username）
textColor标签文本颜色（#ff00ff、@color/red）
textSize标签文本字号（单位用sp）
textStyle标签文本样式（normal | bold | italic）
autoLink自动链接（none、web、email、phone、map）
background背景（背景色、背景图片、背景图形）
textAllCaps字母全大写
drawableTop图片在上
drawableBottom图片在下
drawableLeft图片在左
drawableRight图片在右

（三）教学案例：标签演示

1、创建安卓应用

  • 基于Empty Activity模板创建安卓应用 - TextViewDemo

2、字符串资源文件

  • 字符串资源文件--strings.xml

 

代码如下：

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
<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、自定义边框配置文件

  • 在drawable目录里创建自定义边框配置文件custom_border.xml

 代码如下：

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<?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>

4、主布局资源文件

  • 主布局资源文件 - activity_main.xml

 代码如下：

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
<?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:background="#000000"
    android:orientation="vertical"
    android:padding="10dp"
    tools:context=".MainActivity">


    <TextView
        android:id="@+id/tv_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_bold_italic"
        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_all_caps"
        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:layout_marginTop="10dp"
        android:gravity="center_vertical"
        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="电话：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/tv_bordered_text"
        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:gravity="center"
        android:orientation="horizontal">

        <!--图片标签-->
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableLeft="@mipmap/ic_launcher"
            android:gravity="center"
            android:text="@string/android"
            android:layout_marginRight="10dp"
            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:layout_marginRight="10dp"
            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:layout_marginRight="10dp"
            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

 申明上下标

 

 代码如下：

复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
package net.lgh.textview;

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("勾股定理：a<sup>2</sup> + b<sup>2</sup> = c<sup>2</sup>"));
        // 显示化学方程式
        tvEquation.setText(Html.fromHtml("化学方程式：2H<sub>2</sub> + O<sub>2</sub> = 2H<sub>2</sub>O"));
    }
}

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

总结

本章讲述如何才能实现使安卓页面显示不变的信息且实现个性化的布局。如若想要进一步实现更加繁杂的画面，请关注博主，将在下一篇文章更加详细的讲解。

最后

以上就是美好红酒最近收集整理的关于安卓编程基础——标签总结的全部内容，更多相关安卓编程基础——标签总结内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
点赞(65)

相关文章

Android自定义标签列表控件LabelsView解析
Android自定义标签列表控件LabelsView解析
Android 列表视图制作古诗词
Android 列表视图制作古诗词
Android 自定义控件之标签控件
Android 自定义控件之标签控件
Android流式标签布局，自定义标签控件tagView
Android流式标签布局，自定义标签控件tagView
安卓编程基础——标签总结
安卓编程基础——标签总结
android 内容选择控件,Android中选择器PickerView(第三方控件)的使用1----基本用法
android 内容选择控件,Android中选择器PickerView(第三方控件)的使用1----基本用法
Android标签AndroidTagGroup（系列1）
Android标签AndroidTagGroup（系列1）
标签功能
标签功能

评论列表共有 0 条评论

立即
投稿
返回
顶部