Android UI设计：Button与RadoiButton

目录

Button
RadoiButton

Button

这里button的基本属性不再详细介绍，仅介绍个别属性。
一、按钮背景颜色的设置
例：

android:background="@color/red"

二、按钮背景图片的设置
方式一：

android:background="@mipmap/ic_launcher"

方式二：
在drawable中新建xml文件，编写按钮背景图片
xml中添加Item：

    <item android:drawable="@mipmap/ic_launcher"/>

layout中的引用

android:background="@drawable/btn_press"

方式三：自制图片并设置拉伸方向，内容方向
1、首先自制图片：
找到Sdk文件夹—tools—draw9patch.bat—将提前准备的图片拖入打开的java界面，进行设置：上左代表拉伸，下右代表内容——设置完成后将文件保存为.9.png文件。
2、将文件ctrl+c —ctrl+v复制到mipmap下
3、进行调用
例：

<RelativeLayout 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:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">    <!-- android:textColor="#ff0000"-->    <!-- android:autoLink="web"--><LinearLayout    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:orientation="vertical"><TextView    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:singleLine="true"    android:ellipsize="marquee"    android:focusable="true"    android:focusableInTouchMode="true"    android:id="@+id/textview"    android:text="我要上网http://www.baidu.comndfdhbcdhvgvgdsakksdcdcdsdscdsssajddddddddjjnvvvvvvvvvvvvvdddddddddd"    /><EditText    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_alignParentBottom="true"/>    <TextView        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:id="@+id/textview_span"        android:layout_centerVertical="true"/>    <TextView        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:id="@+id/textview_line"        android:text="原价298"        android:textStyle="bold"        android:layout_below="@+id/textview"        android:layout_alignParentLeft="true"        android:layout_alignParentStart="true"        />    <Button        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:text="请点击"        android:background="@drawable/btn_press"        /></LinearLayout></RelativeLayout>

drawable下的xml文件
该文件下设置了点击时的背景图片为background2，和常态时的背景图片button。使用时有两点注意事项：
①写入item时，state_pressed状态必须写在前面
②图片引用时虽然是 .9文件，但是引用时并不加.9

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

RadoiButton

RadioButton:一般与RadioGroup一块使用 例子：性别选择
用法：
1、先创建RadioGroup在RadioGroup中创建RadioButton
2、使用checkedButton检测选中的按钮。
3、在mainActivity中调用setOnCheckedChangeListener和OnCheckedChangeListener检测选框的变化。

package com.example.administrator.mytextview;import android.app.Activity;import android.graphics.Color;import android.graphics.Paint;import android.graphics.drawable.Drawable;import android.os.Bundle;import android.text.Html;import android.text.Spanned;import android.text.method.PasswordTransformationMethod;import android.text.util.Linkify;import android.util.Log;import android.view.Menu;import android.view.MenuItem;import android.view.View;import android.widget.Button;import android.widget.EditText;import android.widget.RadioButton;import android.widget.RadioGroup;import android.widget.TextView;import java.lang.reflect.Field;public class MainActivity extends Activity {    private Button bt_commit;    private RadioGroup radiogroup;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.radiolayout);        radiogroup= (RadioGroup) findViewById(R.id.radiogroup);        radiogroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {            @Override            public void onCheckedChanged(RadioGroup group, int checkedId) {                RadioButton rb= (RadioButton) findViewById(checkedId);                Log.d("sex","您选择的性别是："+rb.getText());            }        });        bt_commit= (Button) findViewById(R.id.bt_commit);        bt_commit.setOnClickListener(new View.OnClickListener() {            @Override            public void onClick(View v) {            int checkid=radiogroup.getCheckedRadioButtonId();                RadioButton bt_radio= (RadioButton) findViewById(checkid);                Log.d("sex","您选择的性别是："+bt_radio.getText());            }        });    }}

layout：

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:orientation="vertical" android:layout_width="match_parent"    android:layout_height="match_parent">    <TextView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="性别"/><RadioGroup    android:layout_width="wrap_content"    android:layout_height="wrap_content"    android:orientation="horizontal"    android:id="@+id/radiogroup"    android:checkedButton="@+id/bt_other"   >    <RadioButton        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="男"        android:button="@drawable/checkbox_normal"        android:id="@+id/bt_man"        />    <RadioButton        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="女"        android:button="@drawable/checkbox_normal"        android:id="@+id/bt_woman"        />    <RadioButton        android:id="@+id/bt_other"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:text="其他"        /></RadioGroup>    <LinearLayout        android:layout_width="wrap_content"        android:layout_height="wrap_content">        <Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:id="@+id/bt_commit"            android:text="提交信息"/>    </LinearLayout></LinearLayout>