Android控件之Button介紹

時間  2019-12-20
標籤 android 控件 button 介紹 欄目 Android 简体版
原文   原文鏈接

前言

小夥伴們確定都有在玩兒一些遊戲，好比和平精英，在界面上展現的名字，其實就是Android中就是我們上一篇介紹到的TextView控件。而今天，咱們再給你們帶來一個很是好玩兒的控件，這個控件能夠結合我們以前的講到的內容作不少有趣的事情~java

1、結構

public class Button extends TextViewandroid

java.lang.Object
  ↳ android.view.View
     ↳ android.widget.TextView
       ↳ android.widget.Button

已知直接子類
CompoundButton
已知間接子類
CheckBox, RadioButton, Switch, ToggleButtonide

2、典型點擊用法以下

Button是Android中一個很是簡單的控件，在咱們平時的項目中，能夠說是很是的常見，使用率也是至關高。用戶能夠按下或單擊按鈕來執行操做。佈局

<?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:orientation="vertical"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btn_clickMe"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="我是一個按鈕，快點我" />
    
    <ImageButton
        android:id="@+id/btn_clickImg"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher" />
</LinearLayout>
public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button btnClickMe = (Button) findViewById(R.id.btn_clickMe);
        btnClickMe.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // Perform action on click
                Toast.makeText(MainActivity.this, "已點中", Toast.LENGTH_SHORT).show();
            }
        });

        ImageButton btnClickImg = (ImageButton) findViewById(R.id.btn_clickImg);
        btnClickImg.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                // Perform action on click
                Toast.makeText(MainActivity.this, "已點中圖片", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

你還能夠經過實現View.OnClickListener接口並重寫onClick方法，來設置多個點擊事件this

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        findViewById(R.id.btn_clickMe).setOnClickListener(this);
        findViewById(R.id.btn_clickImg).setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn_clickMe:
                Toast.makeText(MainActivity.this, "已點中", Toast.LENGTH_SHORT).show();
                break;
            case R.id.btn_clickImg:
                Toast.makeText(MainActivity.this, "已點中圖片", Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
    }
}

可是，您還可使用android:onClick屬性爲XML佈局中的按鈕分配一個方法，而不是對Activity中對按鈕實現onClickListener。例如：spa

<?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:orientation="vertical"
    tools:context=".MainActivity">

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:onClick="clickButton"
        android:text="我是一個按鈕，快點我" />

    <ImageButton
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@mipmap/ic_launcher"
        android:onClick="clickImg" />
</LinearLayout>

如今，當用戶點擊按鈕時，Android系統會調用Activity的自定義（視圖）方法。此方法必須是公共的，而且接受一個視圖做爲它的惟一參數。例如：設計

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
    }

    public void clickButton(View view) {
        Toast.makeText(MainActivity.this, "已點中", Toast.LENGTH_SHORT).show();
    }

    public void clickImg(View view) {
        Toast.makeText(MainActivity.this, "已點中圖片", Toast.LENGTH_SHORT).show();
    }
}

最終效果以下：3d

3、按鈕樣式設置

每一個按鈕都使用系統的默認按鈕背景進行樣式化，若是您對默認按鈕樣式不滿意，而且但願對其進行自定義以匹配應用程序的設計，那麼您能夠用可繪製的狀態列表替換按鈕的背景圖像。狀態列表可繪製是在XML中定義的可繪製資源，它根據按鈕的當前狀態更改其圖像。一旦定義了一個能夠用XML繪製的狀態列表，就能夠將它應用到具備android:background屬性的按鈕上。code

1.設置背景圖orm

方法一：在xml佈局裏直接設置背景圖

img

方法二：在Java代碼裏給button設置背景圖（setBackground和setBackgroundResource兩種任意一種便可）

btnClickMe.setBackground(ContextCompat.getDrawable(this, R.mipmap.ic_launcher));
btnClickMe.setBackgroundResource(R.mipmap.ic_launcher);

2.設置背景色

方法一：在xml佈局裏直接設置背景色

img

方法二：在Java代碼裏給button設置背景色（setBackgroundColor中如下兩種方法任意一種便可）

btnClickMe.setBackgroundColor(getResources().getColor(R.color.colorAccent));
btnClickMe.setBackgroundColor(Color.parseColor("#ff0000"));

3.經過shape設置背景樣式

在drawable包下新建xml，我這裏命名爲bg_btn_normal.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@color/colorAccent" />
    <corners
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="50dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="50dp" />
    <stroke
        android:width="3dp"
        android:color="#99CCFF" />
</shape>
  • android:shape="rectangle" //樣式爲矩形（四個屬性：rectangle矩形、oval橢圓形、line線性形狀、ring環形）
  • solid：指定內部填充色
  • corners：定義圓角 （radius所有的圓角半徑 、bottomLeftRadius左下角的圓角半徑 、bottomRightRadius右上角的圓角半徑 、topLeftRadius左上角的圓角半徑 、topRightRadius右上角的圓角半徑 ）
  • stroke：描邊屬性，能夠定義描邊的寬度，顏色，虛實線等（width描邊的寬度、color描邊的顏色）

方法一：在xml佈局裏直接設置自定義shape背景，若是想給按鈕內部文字設置邊距還能夠本身設置padding

img

方法二：在Java代碼裏給button設置自定義shape背景（setBackground和setBackgroundResource兩種任意一種便可）

btnClickMe.setBackground(ContextCompat.getDrawable(this, R.drawable.bg_btn));
btnClickMe.setBackgroundResource(R.drawable.bg_btn);

此時，若是還想要仿iOS同樣的按鈕點擊按下和鬆開效果，那麼能夠這樣

再在drawable包下新建一個xml，我這裏命名爲bg_btn_press.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@color/colorPrimary" />
    <corners
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="50dp"
        android:topLeftRadius="10dp"
        android:topRightRadius="50dp" />
    <stroke
        android:width="3dp"
        android:color="#99CCFF" />
</shape>

而後再新建一個xml，一樣是在drawable包下，使用<selector../>元素定義了一個StateListDrawable 對象，我這裏命名爲bg_btn.xml。

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/bg_btn_press" android:state_pressed="true" />
    <item android:drawable="@drawable/bg_btn_normal" android:state_focused="true" />
    <item android:drawable="@drawable/bg_btn_normal" />
</selector>

img

4.設置顯示隱藏

方法一：在xml佈局裏直接設置

android:visibility="invisible"

方法二：在Java代碼裏給button設置

btnClickMe.setVisibility(View.VISIBLE);

下面有清楚的佈局講述

img

其中visibility還有三種屬性

  • VISIBLE（view可見，佔據屏幕區域）、
  • INVISIBLE（view不可見，佔據屏幕區域）、
  • GONE（view不可見，不佔屏幕空間，原先佔有的區域被其餘view佔據，原先佈局會發生變化）。

5.給button設置某一邊設置圖片

方法一：在xml佈局裏直接設置

img

方法二：在Java代碼裏給button設置

Button btnClickMe = findViewById(R.id.btn_clickMe);
//代碼設置drawableLeft資源圖片
Drawable drawableLeft = getResources().getDrawable(R.mipmap.ic_launcher);
btnClickMe.setCompoundDrawablesWithIntrinsicBounds(drawableLeft, null, null, null);
//代碼設置drawable和view之間的距離
btnClickMe.setCompoundDrawablePadding(4);
  • drawableLeft左圖標
  • drawableRight右圖標
  • drawableTop上圖標
  • drawableBottom下圖標
  • drawablePadding圖標與文字的間距

4、結語

以上就是Android中最經常使用的UI控件Button的介紹，在咱們的實際開發中，好多控件都擁有onClick()事件，那麼上一篇文章的TextView有沒有，就要靠小夥伴們本身去嘗試了~

PS:若是還有未看懂的小夥伴，歡迎加入咱們的QQ技術交流羣：892271582，裏面有各類大神回答小夥伴們遇到的問題哦~

img

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程