Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > Android文本与视图

Android文本与视图基本操作梳理介绍

作者：Shewyoo

下面介绍一下android如何设置文本内容、设置文本字体大小、文本颜色、视图宽高、视图间距、和视图的对齐方式，只简单说明一下如何操作，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧

目录文件说明

mainifests子目录：下面的AndroidMainifest.xml文件是APP的运行配置文件。

java子目录：下面有三个com.example.myapp包，第一个包存放当前模块的java源代码，后面两个包存放测试用的java代码。

res子目录：存放当前模块的资源文件，有四个子目录：

一、设置文本内容

有两种方式：在XML文件中设置和在java类中调用settext方法。

在XML文件中通过属性android：text设置

1、在layout文件下新建一个xml文件

新建后会有以下默认内容：

<?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">
</LinearLayout>

2、配置XML文件设置文本

在LinearLayout标签里添加以下内容；

text标签里不写具体的内容是因为：

情况：多个文件都用了相同的内容，但是需要修改此内容，那么就需要修改多个文件，而把内容写在string文件里，则只需要修改string文件的内容。

     <TextView
        android:id="@+id/tv_hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello"/> //调用string文件里name为hello的文本

3、string文件内容

<resources>
    <string name="app_name">test</string>
    <string name="hello">你好</string>
</resources>

4、java类调用

新建Java类，继承AppComatActivity类，并重写onCreate方法

public class TextViewActivity extends AppCompatActivity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_text_view);
    }
}

在java代码中调用文本视图对象的setText方法设置文本

与前面不同的是不需要在xml文件中写text标签，需要在java类中创建对象并调用setText方法。

public class TextViewActivity extends AppCompatActivity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_text_view);
        TextView tv_hello = findViewById(R.id.tv_hello);
        tv_hello.setText(R.string.hello);// 调用setText方法设置文本
    }
}

二、设置文本的大小

px：是手机屏幕的最小显示单位，与设备的显示屏有关。

dp/dip：是与设备无关的显示单位，只与屏幕的尺寸有关，相同尺寸手机，即使分辨率不同，同dp组件占用屏幕比例也相同，如果屏幕尺寸差异过大，需要做dp适配。

sp：专门用来设置字体大小，在系统设置中可以调整字体大小，跟随系统字体设置而变化。

在java代码中调用setTextSize方法

新建XML文件

<?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:orientation="vertical">
    <TextView
        android:id="@+id/tv_hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello" />
</LinearLayout>

新建java类

public class TextSizeActivity extends AppCompatActivity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_text_size);
        TextView tv_px = findViewById(R.id.tv_hello);
        tv_px.setTextSize(30);//这里不用指定单位，默认为sp，所以官方推荐字体设置单位是sp
    }

在XML文件中通过属性android：textSize指定 XML文件

android:textSize="30px"/>

java类

public class TextSizeActivity extends AppCompatActivity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_text_size);
    }
}

三、设置文本颜色

在java代码中调用setTextColor方法设置文本颜色

具体色值可从Color获取

XML文件

    <TextView
        android:id="@+id/tv_code_system"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="设置系统自带颜色"
        android:textSize="17sp"/>

java类

public class TextColorActivity extends AppCompatActivity {
    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_text_color);
        //布局文件中获取文本视图
        TextView tv_code_system = findViewById(R.id.tv_code_system);
        //设置文本颜色
        tv_code_system.setTextColor(Color.GREEN);
    }

四、设置视图的宽高

视图宽度通过属性android：layout_width表达，高度通过android：layout_height

宽高的取值主要有下列三种：

例：

   //上面的
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
   //下面的
        android:layout_width="match_parent"
        android:layout_height="wrap_content"

五、设置视图的间距

有两种方式：采用layout_margin属性、padding属性

1、layout_margin

指定了当前视图与周围平级视图之间的距离，即外边距，包括：layout_margin、layout_marginLeft、layout_marginTop、layout_marginRight、layout_marginBottom

2、padding

指定当前视图与内部下级视图之间的距离，即内边距，包括：padding、paddingLeft、paddingTop、paddingRight、paddingBottom

例：

View标签在LinearLayout内，所以为其下级视图

<!--    中间层的布局背景为黄色-->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_margin="20dp"//外边距20dp
        android:background="#FFFF99"
        android:padding="60dp">//内边距60dp
<!--        最内层的视图背景为红色-->
        <View
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#FF0000"/>
</LinearLayout>

六、设置视图的对齐方式

有两种方式：采用layout_gravity属性、采用gravity属性；

取值包括：left、top、right、bottom，可以用竖线连接各取值，如：left|top表示朝左上角对齐。

1、layout_gravity

指定当前视图相对于上级视图的对齐方式。

2、gravity

指定下级视图相对于当前视图的对齐方式。

例:

<!--第一个子布局背景为红色，它在上级视图中朝下对齐，下级视图靠左对齐-->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:layout_weight="1"
        android:layout_margin="10dp"
        android:padding="10dp"
        android:background="#ff0000"
        android:layout_gravity="bottom"
        android:gravity="left">
<!--        内部视图-->
        <View
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#00ffff"/>
</LinearLayout>
<!--第二个子布局背景为红色，它在上级视图中朝上对齐，下级视图靠右对齐-->
    <LinearLayout
        android:layout_width="0dp"
        android:layout_height="200dp"
        android:layout_weight="1"
        android:layout_margin="10dp"
        android:padding="10dp"
        android:background="#ff0000"
        android:layout_gravity="top">
        <View
            android:layout_width="100dp"
            android:layout_height="100dp"
            android:background="#00ffff"
            android:gravity="right"/>
    </LinearLayout>

到此这篇关于Android文本与视图基本操作梳理介绍的文章就介绍到这了,更多相关Android文本与视图内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:
阅读全文