大家好,我是皮皮猫吖。
每文一言: 你的假装努力,欺骗的只有你自己。


本篇文章:

学习Android中的Button控件。

正文如下:

一、通过Button控件实现如下内容

Android按钮设置删除功能 android按钮形状_Android按钮设置删除功能


注意: 案例之前,需要去.xml文件中修改如下:

Android按钮设置删除功能 android按钮形状_android_02

案例1:文字大小、颜色

代码:

<Button    
    android:id="@+id/btn_1"    
    android:layout_width="match_parent"    
    android:layout_height="wrap_content"    
    android:text="按钮1"    
    android:textColor="#DD22DD"    
    android:textSize="24sp"    
    android:background="#F7F709"    
    android:layout_marginTop="10dp"    />

效果展示:

Android按钮设置删除功能 android按钮形状_Android按钮设置删除功能_03

案例2:自定义背景形状

背景形状1:
背景形状设置为矩形的四个角为圆角。
代码:

<!--    四角是圆状 -->    
<Button        
    android:id="@+id/btn_2"        
    android:layout_below="@id/btn_1"        
    android:layout_width="match_parent"       
    android:layout_height="wrap_content"        
    android:text="按钮2"        
    android:textSize="24sp"        
    android:textColor="#000000"        
    android:layout_marginTop="10dp"        
    android:background="@drawable/bg_btn2"        />

提示:

我们需要在drawable中创建一个bg_btn2的xml文件,用来定义背景形状。操作如下:

Android按钮设置删除功能 android按钮形状_Android按钮设置删除功能_04


Android按钮设置删除功能 android按钮形状_android_05


Android按钮设置删除功能 android按钮形状_Android按钮设置删除功能_06


效果展示:

Android按钮设置删除功能 android按钮形状_android_07


背景形状2:

背景形状设置为矩形显示边框。

代码:

<!--    描边:有边框-->    
<Button        android:id="@+id/btn_3"        
    android:layout_width="match_parent"        
    android:layout_height="wrap_content"        
    android:layout_below="@id/btn_2"        
    android:text="按钮3"        
    android:textSize="24sp"        
    android:textColor="#000000"        
    android:layout_marginTop="10dp"        
    android:background="@drawable/bg_btn3"        />

提示:

我们需要自定义bg_btn3.xml文件和第一个创建过程相同

Android按钮设置删除功能 android按钮形状_xml_08


效果展示:

Android按钮设置删除功能 android按钮形状_4s_09

案例3:自定义按压效果

自定义按压效果:
当按压按钮的时候,按钮会变色。
代码:

<Button    
    android:id="@+id/btn_4"    
    android:layout_width="match_parent"    
    android:layout_height="wrap_content"    
    android:layout_below="@id/btn_3"    
    android:text="按钮4"    
    android:textSize="24sp"    
    android:textColor="#000000"    
    android:layout_marginTop="10dp"    
    android:background="@drawable/bg_btn4"     
    android:onClick="showToast" 点击回调函数   
    />

提示1:

我们需要自定义一个bg_btn4.xml文件,此时新建的时候,选择selector,如下:

Android按钮设置删除功能 android按钮形状_xml_10


在文件中写上如下内容:

Android按钮设置删除功能 android按钮形状_android_11


提示2:

我们还需要在对应的.java中,加上如下代码:

Android按钮设置删除功能 android按钮形状_android_12


效果展示:点击按键,背景变色,同时底下出现:btn4被点击了

Android按钮设置删除功能 android按钮形状_4s_13

案例4:点击事件

案例3的点击事件底下出现文字就是一个点击事件。
实现: TextView控件,实现点击事件
代码:

<TextView    
    android:id="@+id/tv_11"    
    android:layout_width="match_parent"    
    android:layout_height="40dp"    
    android:layout_below="@+id/btn_4"    
    android:text="我是文本1"    
    android:textSize="24sp"    
    android:textColor="#000000"    
    android:layout_marginTop="10dp"    
    android:background="#4474BB"    
    android:gravity="center"    />

提示:在对应的.java文件中,书写如下代码:

Android按钮设置删除功能 android按钮形状_android_14


效果展示:点击文本,显示:文本1被点击了

Android按钮设置删除功能 android按钮形状_android_15

案例汇总展示代码:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".ButtonActivity">

    <Button
        android:id="@+id/btn_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮1"
        android:textColor="#DD22DD"
        android:textSize="24sp"
        android:background="#F7F709"
        android:layout_marginTop="10dp"
        />

<!--    四角是圆状 -->
    <Button
        android:id="@+id/btn_2"
        android:layout_below="@id/btn_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="按钮2"
        android:textSize="24sp"
        android:textColor="#000000"
        android:layout_marginTop="10dp"
        android:background="@drawable/bg_btn2"
        />

<!--    描边:有边框-->
    <Button
        android:id="@+id/btn_3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/btn_2"
        android:text="按钮3"
        android:textSize="24sp"
        android:textColor="#000000"
        android:layout_marginTop="10dp"
        android:background="@drawable/bg_btn3"
        />

    <Button
        android:id="@+id/btn_4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/btn_3"
        android:text="按钮4"
        android:textSize="24sp"
        android:textColor="#000000"
        android:layout_marginTop="10dp"
        android:background="@drawable/bg_btn4"
        android:onClick="showToast"
        />

    <TextView
        android:id="@+id/tv_11"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        android:layout_below="@+id/btn_4"
        android:text="我是文本1"
        android:textSize="24sp"
        android:textColor="#000000"
        android:layout_marginTop="10dp"
        android:background="#4474BB"
        android:gravity="center"
        />

</RelativeLayout>

完结,撒花…

Button学习就到这里,更多Android Studio知识持续更新中

作者:皮皮猫吖