上一次我们对常用的两种布局方式——线性布局和相对布局进行了详细的讲解,相信大家也对基础的知识有了大概的认知。这一次我们讲解最常用的两种组件TextView和Button。这一次讲解的内容会比上次的内容更多,并且是建立在上一次的基础之上。不清楚布局方式的可以查看我的上一篇博客,链接为https://blog.csdn.net/chenpeixing361/article/details/89028954。
TextView
TextView从字面义理解为文本视图。这里我们主要讲解以下用法:①文字大小、颜色;②当文字显示不下如何处理;③文字+图标;④设置中划线、下划线;⑤跑马灯设计。该项目树目录如下图所示:
我们这里先展示MainActivity的代码,该代码主要作用是实现主界面两个按钮的界面跳转功能,通过Intent组件实现,如下:
package com.autumn;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button button = findViewById(R.id.btn_textview);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//跳转到TextViewActivity界面
Intent intent = new Intent(MainActivity.this,TextViewActivity.class);
startActivity(intent);
}
});
Button button1 = findViewById(R.id.btn_button);
button1.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//跳转到ButtonActivity界面
Intent intent = new Intent(MainActivity.this,ButtonActivity.class);
startActivity(intent);
}
});
}
}
activity_main.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">
<Button
android:id="@+id/btn_textview"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/textview" />
<Button
android:id="@+id/btn_button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="@string/button" />
</LinearLayout>
在res/values中,strings.xml文件主要用来存放文本信息,本次练习用到的所有文本代码如下所示:
<resources>
<string name="app_name">Hello,world!</string>
<string name="textview">TextView</string>
<string name="button">Button</string>
<string name="tv_test1">autumn_leaf</string>
<string name="tv_test2">落叶知秋落叶知秋落叶知秋落叶知秋落叶知秋</string>
</resources>
主界面的运行截图如下所示: