Android第一行代码-UI

Posted 老任学Java

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Android第一行代码-UI相关的知识,希望对你有一定的参考价值。

UI开发的点点滴滴

一、常用控件的使用方法

1、TextView

如:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/text_view"
        android:text="This is TextView"></TextView>
</LinearLayout>

TextView的部分属性:

  • 1、android:id:给当前控件定义一个唯一标识符
  • 2、android:layout_width:指定控件宽度
  • 3、android:layout_height:指定控件高度
  • 4、android:text:指定TextView中显示的文本内容
  • 5、android:textSize:指定文字的大小,在android中字体大小使用sp作为单位。
  • 6、android:textColor:指定文字的颜色
  • 7、android:gravity:[ˈɡrævəti] 引力,重力,指定文字的对齐方式

TextView中的文本内容虽然显示,但是在左上角,因为TextView中的文字默认是左上角对齐的。

使用android:gravity指定文字的对齐方式,可选值有top、bottom、left、right、center。可以用"|"来同时指定多个值。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/text_view"
        android:gravity="center"
        android:text="This is TextView"></TextView>
</LinearLayout>

Button

Button是程序用于和用户进行交互的一个重要控件。属性和TextView差不多,可以在activity_main.xml中这样加入Button:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button"></TextView>
</LinearLayout>

虽然在布局文件中设置的文字为Button,但是最终显示却是”BUTTOM“,这是由于系统会对Button中的所有英文字母自动进行大写转换。但是可以配置禁用这个默认属性,在Button中修改android:textAllCaps=“false”

android:textAllCaps="false"

可以为Button的点击事件注册一个监听器。

public class MainActivity extends AppCompatActivity{
	@Override
	protected void onCreate(Bundle savedInstanceState){
		super.onCreate(saveInstanceState);
		setContentView(R.layout.activity_main);
		Button button = (Button)findViewById(R.id.button);
		button.setOnClickListener(new View.OnClickListener(){
			@Override
			public void onClick(View v){
			//在此添加逻辑
			}
		});
	}
}

点击按钮时,就会执行监听器中的onClick()方法。
也可以通过下面实现接口的方式进行注册。

public class MainActivity extends AppCompatActivity implements View.OnClickListener{
	@Override
	protected void onCreate(Bundle savedInstanceState){
		super.onCreate(saveInstanceState);
		setContentView(R.layout.activity_main);
		Button button = (Button)findViewById(R.id.button);
		button.setOnClickListener(this);
	}
	@Override
	public void onClick(View v){
		switch(v.getId()){
			case R.id.button:
				//再此添加逻辑
				break;
			default:
				break;
		}
	}
}

EditText

一些属性:

  • android:hit:输入框提示内容,一旦输入,提示内容消失
  • andorid:maxLines:指定EditText的最大行数。

程序和用户进行交互的另外一个重要控件。
修改activity_main.xml中的代码:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <EditText
        android:id="@+id/edit_text"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
</LinearLayout>

一般在输入框显示一些提示性的文字,一旦用户输入了任何内容,这些文字提示就会消失。可以通过android:hint属性进行设置。

使用点击按钮获取EditText中输入的内容

package com.example.uiwidgettest;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener
{

    private EditText editText;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button)findViewById(R.id.button);
        editText = (EditText)findViewById(R.id.edit_text);
        button.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.button:
                //getText方法获取输入的内容
                String inputText = editText.getText().toString();
                Toast.makeText(MainActivity.this, inputText, Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
    }
}

ImageView(在页面上展示图片的控件,图片防止在res下的以drawable开头的目录中)

图片通常放在以drawable开头的目录下,目前项目中有一个空的drawable目录,但没有指定具体分辨率。所以一般不使用它来放置图片。在res目录下新建一个drawable-xhdpi目录。

在activity_main.xml中添加标签:

<ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/image_view"
        android:src="@drawable/img_1" />
package com.example.uiwidgettest;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener
{

    private EditText editText;
    private ImageView imageView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button)findViewById(R.id.button);
        editText = (EditText)findViewById(R.id.edit_text);
        imageView = (ImageView)findViewById(R.id.image_view);
        button.setOnClickListener(this);
    }

	//通过按钮点击事件将将显示的img_1图片修改为img_2图片
    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.button:
                imageView.setImageResource(R.drawable.img_2);
                break;
            default:
                break;
        }
    }
}

ProgressBar(进度条,表示程序正在加载一些数据)

用于在页面上显示一个进度条,表示我们的程序正在加载一些数据。

常用属性

android:visibility属性的值:

  • 1、visible:控件可见的
  • 2、invisible:控件不可见,但是仍然占据着原来的位置和大小,可以理解成控件编程透明状态
  • 3、gone:控件不可见,而且不占用任何屏幕空间。

通过style属性可以将它指定成水平进度条(如果不设置是箭头旋转的样式)
android:max属性用于给进度条设置一个最大值。

如何让进度条加载完消失?(Android控件的可见属性,所有的Android控件都具有这个属性,android:visibility)

在activity_main.xml中添加标签。

<!--进度条样式为水平进度条,最大值为100-->
<ProgressBar
        android:id="@+id/progress_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleHorizontal"
        android:max="100"
        />

我们可以通过代码设置控件的可见性,使用的是setVisibility()方法,可以传入View.VISIBLE、View.INVISIBLE和View.gone

package com.example.uiwidgettest;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.ProgressBar;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener
{

    private EditText editText;
    private ImageView imageView;

    private ProgressBar progressBar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button)findViewById(R.id.button);
        progressBar = (ProgressBar)findViewById(R.id.progress_bar);
        button.setOnClickListener(this);
    }

    //通过按钮点击事件设置进度条,如果进度条可见就将其隐藏,否则将其显示出来。
    //通过xml可以看出将进度条修改成了水平进度条样式,每次点击会将进度条的值加10.
    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.button:
            	int progress = progressBar.getProgress();
            	progress = progress+10;
            	progreeBar.setProgress(progress);
                if(progressBar.getVisibility() == View.GONE) {
                    progressBar.setVisibility(View.VISIBLE);
                }else {
                    progressBar.setVisibility(View.GONE);
                }
                break;
            default:
                break;
        }
    }
}

AlertDialog(不需在主活动中添加标签。可以在当前页面弹出一个对话框,这个对话框置顶于所有页面元素之上,能够屏蔽掉其他控件的交互能力)

package com.example.uiwidgettest;

import androidx.appcompat.app.AlertDialog;
import androidx.appcompat.app.AppCompatActivity;

import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ImageView;
import android.widget.ProgressBar;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener
{

    private EditText editText;
    private ImageView imageView;

    private ProgressBar progressBar;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button button = (Button)findViewById(R.id.button);
        progressBar = (ProgressBar)findViewById(R.id.progress_bar);
        button.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()){
            case R.id.button:
                AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
                //设置对话框标题
                dialog.setTitle("This is Dialog");
                dialog.setMessage("Something important.");
                dialog.setCancelable(false);
                //设置确定按钮的点击事件
                dialog.setPositiveButton("ok", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {

                    }
                });
                //设置取消按钮的点击事件
                dialog.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {

                    }
                });
                //将对话框显示出来。
                dialog.show();
            default:
                break;
        Android第一行代码-UI

Android第一行代码--Service(四大组件之一)

Android第一行代码--Service(四大组件之一)

Android第一行代码--Service(四大组件之一)

Android第一行代码--Service(四大组件之一)

第一行代码第二版(郭霖著)笔记之第三章(UI开发的点点滴滴)