3_1.9_註冊頁面_單選框_替換成圖片

切換到android模式--編碼模式

 

1 進入layout-選擇Design模式
2 先拉Layouts-vertical
切換到Text模式--
剪切xmlns:android="http://schemas.android.com/apk/res/android"
刪除以前樣式

4 radioGroup--再拉radioButton
設置爲wrap_content_根據內容包裹

Text文本選擇Phone點擊進入後-默認輸入法是數字

4 Text-Plain Text普通文本

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

更換默認複選框樣式--爲圖片

1 新建目錄_drawable-new- drawable resource file
切換studio爲project模式
app-src-main-res-右鍵
android resource directory--drawables-hdpi
hight dpi

2 複製圖片-粘貼到新目錄

3設置樣式--drawable中新建check_img_style.xml樣式文件

4使用圖片樣式--切換到android開發模式-activity_form.xml的layout文件中

 android:button="@drawable/check_img_style"

 

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

activity_form.xml

<?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">

<EditText
android:id="@+id/editText3"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="phone"
android:hint="請輸入手機號"
/>

<EditText
android:id="@+id/editText"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="textPersonName"
android:text=""
android:hint="請輸入用戶名"
/>

<EditText
android:id="@+id/editText2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:ems="10"
android:inputType="textPassword"
android:hint="請輸入密碼"
/>

<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal">

<CheckBox
android:id="@+id/checkBox2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@drawable/check_img_style"
android:text="滑翔"
/>

<CheckBox
android:id="@+id/checkBox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@drawable/check_img_style"
android:text="健身" />
</LinearLayout>

<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"

>

<RadioButton
android:id="@+id/radioButton2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:button="@null"
android:drawableLeft="@drawable/radio_img_style"
android:text="男"

/>

<RadioButton
android:id="@+id/radioButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:background="@null"
android:button="@null"
android:drawableLeft="@drawable/radio_img_style"
android:text="女"
/>

</RadioGroup>

<ToggleButton
android:id="@+id/toggleButton2"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorPrimary"
tools:text="提交"
android:textOff="關閉"
android:textOn="開啓" />

 

 

<Switch
android:id="@+id/switch1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:checked="false"
android:text="自動續費"
android:thumb="@android:color/transparent"
android:button="@drawable/switcher_img_style"
/>

</LinearLayout>

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

FormActivity.java

 

package com.example.init.changecolor;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;

public class FormActivity extends AppCompatActivity {

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

 

 

---------------------------------------------------studio切換到project模式drawable

 

check_img_style.xml

<?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/check_choose"></item> <!--放在第一位 -->
<item android:drawable="@drawable/check_unchoose"></item>
</selector>

 

radio_img_style.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_checked="false" android:drawable="@drawable/radio_unchoose"/> <item android:state_checked="true" android:drawable="@drawable/radio_choose"/> <item android:state_selected="true" android:drawable="@drawable/radio_choose"/> <item android:state_pressed="true" android:drawable="@drawable/radio_choose"/></selector>