Android(Java):按鈕複選框點中效果

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/bg_login"
    android:orientation="vertical" >
    <RelativeLayout
        android:id="@+id/loginrlayout"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:background="@drawable/bg_login_iner"
        >
        <Button android:id="@+id/return_listening"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_alignParentTop="true"
            android:layout_marginTop="15dp"
            android:paddingLeft="5dp"
            android:paddingRight="5dp"
            android:layout_marginLeft="12dp"
            android:background="@drawable/btn_listen_selected"
            android:textColor="#FFFFFF"
               android:textSize="22sp"
            android:text="@string/freelisten"
            />

-------------------------------------------------------------------------------------------------------

drawable/btn_listen_selected:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <!-- 獲得焦點但未按下時的背景圖片 --> 
    <item android:state_focused="true" android:state_enabled="true" android:state_pressed="false" android:drawable="@drawable/bg_return_listning" /> 
     <!-- 按下時的背景圖片 --> 
    <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/bg_return_listning1" /> 
    <!-- 按下時的背景圖片 --> 
    <item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/bg_return_listning1" /> 
    <!-- 默認時的背景圖片 --> 
    <item android:drawable="@drawable/bg_return_listning" /> 
</selector> 

-------------------------------------------------------------------------------------------------------


        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="50dp"
            android:layout_below="@id/return_listening"
            >
           <EditText
               android:id="@+id/username"
               android:layout_width="280dp"
               android:layout_height="wrap_content"
               android:layout_centerHorizontal="true"
               android:lines="1"
               android:hint="@string/username"
               />
              
           <EditText
               android:id="@+id/password"
               android:layout_marginTop="15dp"
               android:layout_width="280dp"
               android:layout_height="wrap_content"
               android:layout_centerHorizontal="true"
               android:password="true"
               android:lines="1"
               android:hint="@string/password"
               />
               <CheckBox
                   android:id="@+id/remeber"
                   style="@style/CheckBox"
                   android:layout_marginTop="15dp"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
          android:text="@string/remeber"
          android:textColor="@android:color/black"
                   />

-------------------------------------------------------------------------------------------------------

style/CheckBox:

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="CheckBox" parent="@android:style/Widget.CompoundButton.CheckBox">
        <item name="android:button">@drawable/check_selection</item>
    </style>
</resources>

drawable/check_selection:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:state_checked="true"  android:drawable="@drawable/checkbox_tick" /><!--選中時效果-->
 <item android:state_checked="false"  android:drawable="@drawable/checkbox" /><!--未選中時效果-->
</selector>

-------------------------------------------------------------------------------------------------------


               <Button
                   android:id="@+id/register"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:layout_marginTop="40dp"
                   android:background="@drawable/btn_register_selected"
                   />

-------------------------------------------------------------------------------------------------------

drawable/btn_register_selected:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <!-- 獲得焦點但未按下時的背景圖片 --> 
    <item android:state_focused="true" android:state_enabled="true" android:state_pressed="false" android:drawable="@drawable/bg_regiser" /> 
     <!-- 按下時的背景圖片 --> 
    <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/bg_regiser1" /> 
    <!-- 按下時的背景圖片 --> 
    <item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/bg_regiser1" /> 
    <!-- 默認時的背景圖片 --> 
    <item android:drawable="@drawable/bg_regiser" /> 
</selector> 

-------------------------------------------------------------------------------------------------------
               <Button
                   android:id="@+id/login"
                   android:layout_width="wrap_content"
                   android:layout_height="wrap_content"
                   android:layout_marginTop="15dp"
                   android:background="@drawable/btn_login_selected"
                   />

-------------------------------------------------------------------------------------------------------

drawable/btn_login_selected:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"> 
    <!-- 獲得焦點但未按下時的背景圖片 --> 
    <item android:state_focused="true" android:state_enabled="true" android:state_pressed="false" android:drawable="@drawable/bg_login_bt" /> 
     <!-- 按下時的背景圖片 --> 
    <item android:state_enabled="true" android:state_pressed="true" android:drawable="@drawable/bg_login_bt1" /> 
    <!-- 按下時的背景圖片 --> 
    <item android:state_enabled="true" android:state_checked="true" android:drawable="@drawable/bg_login_bt1" /> 
    <!-- 默認時的背景圖片 --> 
    <item android:drawable="@drawable/bg_login_bt" /> 
</selector> 

-------------------------------------------------------------------------------------------------------


        </LinearLayout>
    </RelativeLayout>
</RelativeLayout>

發佈了51 篇原創文章 · 獲贊 2 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章