[教學] Android studio - Button－一個小小工程師的心情抒發天地

Button

文字Size , color
自定義背景型狀
自定義按壓效果
點擊事件

文字Size , color

Activity_button.xml

<Button

    android:id="@+id/btn_1"

    android:layout_width="match_parent"

    android:layout_height="40dp"

    android:text="Button 1"

    android:textSize="20sp"

    android:textColor="#FFFFFF"

    android:background="#FF0000"/>

自定義背景型狀

<Button

    android:id="@+id/btn_2"

    android:layout_width="match_parent"

    android:layout_height="40dp"

    android:text="Button 2"

    android:textSize="20sp"

    android:textColor="#FFFFFF"

    android:background="@drawable/bg_bnt2"

    android:layout_below="@id/btn_1"

    android:layout_marginTop="10dp"/>

這邊開始，就比較有得講了，

通常我在寫windows UI的時候，要用出這種原角，基本上就逃不了寫code的命運，寫到後來乾脆封裝了一個關於這種的class=___=，但是你看看人家Android怎麼做的Q___Q

三個步驟

Step1 .

Step2.

<?xml version="1.0" encoding="utf-8"?>

<shape xmlns:android="http://schemas.android.com/apk/res/android"

    android:shape="rectangle">





    <solid

        android:color="#FF9900"/>

    <corners

        android:radius="50dp" />









</shape>

Step3.

搞定 !

寫到這…我都想把標題改成RD不求人=___=||

發現開始使用Android之後，美工的需求量少了好多 =__=

通常一間公司，美工和業務年輕的女生都會是最多的，

業務麻…接觸不到，

美工麻…常常被我煩….

如果公司不請個程式員鼓勵師的話，

那單身真的算職災了。

自定義按壓效果

差不多做法，只是將 shape 換成 selector

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">



    <item android:state_pressed="true">

        <shape>



            <solid android:color="#CC7A00" />

            <corners android:radius="5dp" />



        </shape>

    </item>





    <item android:state_pressed="false">

        <shape>



            <solid android:color="#FF9900" />

            <corners android:radius="5dp" />



        </shape>

    </item>





</selector>

<Button

    android:id="@+id/btn_3"

    android:layout_width="match_parent"

    android:layout_height="40dp"

    android:text="Button 3"

    android:textSize="20sp"

    android:textColor="#FF9900"

    android:background="@drawable/bg_btn3"

    android:layout_below="@id/btn_2"

    android:layout_marginTop="10dp"/>

點擊事件

<Button

    android:id="@+id/btn_4"

    android:layout_width="match_parent"

    android:layout_height="40dp"

    android:text="Button 4"

    android:textSize="20sp"

    android:textColor="#000000"

    android:background="@drawable/bg_btn4"

    android:layout_below="@id/btn_3"

    android:layout_marginTop="10dp"

    android:onClick="ShowToast"

    />



<TextView

    android:id="@+id/tv_1"

    android:layout_width="match_parent"

    android:layout_height="50dp"

    android:textColor="#000000"

    android:textSize="20sp"

    android:text="word 1 "

    android:layout_below="@id/btn_4"

    android:layout_marginTop="40dp"

    android:background="#FFAD33"

    android:gravity="center"/>

package vision.google.com.camera;



import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.TextView;

import android.widget.Toast;



public class ButtonActivity extends AppCompatActivity {







    private Button m_Btn3;

    private TextView m_TextView;



    @Override

    protected void onCreate(Bundle savedInstanceState)

    {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_button);



        m_Btn3 = (Button) findViewById(R.id.btn_3);

        m_Btn3.setOnClickListener(new View.OnClickListener()

        {

            @Override

            public void onClick(View v)

            {

                Toast.makeText(ButtonActivity.this, "btn3 click", Toast.LENGTH_SHORT).show();

            }

        });







        m_TextView = (TextView) findViewById(R.id.tv_1);

        m_TextView.setOnClickListener(new View.OnClickListener()

        {

            @Override

            public void onClick(View v)

            {

                Toast.makeText(ButtonActivity.this , "TextView click" , Toast.LENGTH_LONG).show();

            }

        });

    }



    public void ShowToast(View view)

    {

        Toast.makeText(this,"button4 Click!!!!",Toast.LENGTH_SHORT).show();

    }

}