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

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

54 阅读 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

 

代码如下：

<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

 代码如下：

<?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

 代码如下：

<?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

 申明上下标

 

 代码如下：

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、启动应用，查看效果。

总结

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

最后

以上就是美好红酒为你收集整理的安卓编程基础——标签总结的全部内容，希望文章能够帮你解决安卓编程基础——标签总结所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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

相关文章

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 条评论

立即
投稿
返回
顶部