安卓编程开发中常用控件的总结和具体使用

每天持续分享关于编程的知识，欢迎关注和转发！

在 Android 中使用各种控件(View)

TextView - 文本显示控件

Button - 按钮控件

ImageButton - 图片按钮控件

ImageView - 图片显示控件

CheckBox - 复选框控件

RadioButton - 单选框控件

AnalogClock - 钟表（带表盘的那种）控件

DigitalClock - 电子表控件

1、TextView 的 Demo

textview.xml

代码

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

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

android:orientation="vertical" android:layout_width="fill_parent"

android:layout_height="fill_parent">

<!--

TextView - 文本显示控件

-->

<TextView android:layout_width="fill_parent"

android:layout_height="wrap_content" android:id="@+id/textView" />

</LinearLayout>

_TextView.java

代码

package com.webabcd.view;

import android.app.Activity;

import android.os.Bundle;

import android.widget.TextView;

public class _TextView extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(R.layout.textview);

// 设置 Activity 的标题

setTitle("TextView");

TextView txt = (TextView) this.findViewById(R.id.textView);

// 设置文本显示控件的文本内容，需要换行的话就用“”

txt.setText("我是 TextView显示文字用的");

}

}

2、Button 的 Demo

button.xml

代码

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

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

android:orientation="vertical" android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TextView android:layout_width="fill_parent"

android:layout_height="wrap_content" android:id="@+id/textView" />

<!--

Button - 按钮控件

-->

<Button android:id="@+id/button"

android:layout_width="wrap_content" android:layout_height="wrap_content">

</Button>

</LinearLayout>

_Button.java

代码

package com.webabcd.view;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.TextView;

public class _Button extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(R.layout.button);

setTitle("Button");

Button btn = (Button) this.findViewById(R.id.button);

btn.setText("click me");

// setOnClickListener() - 响应按钮的鼠标单击事件

btn.setOnClickListener(new Button.OnClickListener(){

@Override

public void onClick(View v) {

TextView txt = (TextView) _Button.this.findViewById(R.id.textView);

txt.setText("按钮被单击了");

}

});

}

}

3、ImageButton 的 Demo

imagebutton.xml

代码

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

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

android:orientation="vertical" android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TextView android:layout_width="fill_parent"

android:layout_height="wrap_content" android:id="@+id/textView" />

<!--

ImageButton - 图片按钮控件

-->

<ImageButton android:id="@+id/imageButton"

android:layout_width="wrap_content" android:layout_height="wrap_content">

</ImageButton>

</LinearLayout>

_ImageButton.java

代码

package com.webabcd.view;

import android.app.Activity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.ImageButton;

import android.widget.TextView;

public class _ImageButton extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(R.layout.imagebutton);

setTitle("ImageButton");

ImageButton imgButton = (ImageButton) this.findViewById(R.id.imageButton);

// 设置图片按钮的背景

imgButton.setBackgroundResource(R.drawable.icon01);

// setOnClickListener() - 响应图片按钮的鼠标单击事件

imgButton.setOnClickListener(new Button.OnClickListener(){

@Override

public void onClick(View v) {

TextView txt = (TextView) _ImageButton.this.findViewById(R.id.textView);

txt.setText("图片按钮被单击了");

}

});

}

}

4、ImageView 的 Demo

imageview.xml

代码

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

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

android:orientation="vertical" android:layout_width="fill_parent"

android:layout_height="fill_parent">

<!--

ImageView - 图片显示控件

-->

<ImageView android:id="@+id/imageView" android:layout_width="wrap_content"

android:layout_height="wrap_content"></ImageView>

</LinearLayout>

_ImageView.java

代码

package com.webabcd.view;

import android.app.Activity;

import android.os.Bundle;

import android.widget.ImageView;

public class _ImageView extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(R.layout.imageview);

setTitle("ImageView");

ImageView imgView = (ImageView) this.findViewById(R.id.imageView);

// 指定需要显示的图片

imgView.setBackgroundResource(R.drawable.icon01);

}

}

5、CheckBox 的 Demo

checkbox.xml

代码

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

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

android:orientation="vertical" android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TextView android:layout_width="fill_parent"

android:layout_height="wrap_content" android:id="@+id/textView" />

<!--

CheckBox - 复选框控件

-->

<CheckBox android:text="CheckBox01" android:id="@+id/chk1"

android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox>

<CheckBox android:text="CheckBox02" android:id="@+id/chk2"

android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox>

<CheckBox android:text="CheckBox03" android:id="@+id/chk3"

android:layout_width="wrap_content" android:layout_height="wrap_content"></CheckBox>

</LinearLayout>

_CheckBox.java

代码

package com.webabcd.view;

import android.app.Activity;

import android.os.Bundle;

import android.widget.CheckBox;

import android.widget.CompoundButton;

import android.widget.TextView;

public class _CheckBox extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(R.layout.checkbox);

setTitle("CheckBox");

CheckBox chk = (CheckBox) this.findViewById(R.id.chk1);

// setOnCheckedChangeListener() - 响应复选框的选中状态改变事件

chk.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {

TextView txt = (TextView) _CheckBox.this.findViewById(R.id.textView);

txt.setText("CheckBox01 的选中状态：" + String.valueOf(isChecked));

}

});

}

}

6、RadioButton 的 Demo

radiobutton.xml

代码

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

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

android:orientation="vertical" android:layout_width="fill_parent"

android:layout_height="fill_parent">

<TextView android:layout_width="fill_parent"

android:layout_height="wrap_content" android:id="@+id/textView" />

<!--

RadioButton - 单选框控件

RadioGroup - 对其内的单选框控件做分组

checkedButton - 指定组内被选中的单选框的 ID

-->

<RadioGroup android:id="@+id/radioGroup"

android:layout_width="fill_parent" android:layout_height="fill_parent"

android:checkedButton="@+id/rad3" android:orientation="horizontal"

android:gravity="center_vertical|center_horizontal">

<RadioButton android:text="rad1" android:id="@+id/rad1"

android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton>

<RadioButton android:text="rad2" android:id="@+id/rad2"

android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton>

<RadioButton android:text="rad3" android:id="@+id/rad3"

android:layout_width="wrap_content" android:layout_height="wrap_content"></RadioButton>

</RadioGroup>

</LinearLayout>

_RadioButton.java

代码

package com.webabcd.view;

import android.app.Activity;

import android.os.Bundle;

import android.widget.RadioButton;

import android.widget.RadioGroup;

import android.widget.TextView;

public class _RadioButton extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(R.layout.radiobutton);

setTitle("RadioButton");

RadioGroup group = (RadioGroup) this.findViewById(R.id.radioGroup);

// setOnCheckedChangeListener() - 响应单选框组内的选中项发生变化时的事件

group.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {

@Override

public void onCheckedChanged(RadioGroup group, int checkedId) {

TextView txt = (TextView) _RadioButton.this.findViewById(R.id.textView);

txt.setText(((RadioButton)findViewById(checkedId)).getText() + " 被选中");

}

});

}

}

7、AnalogClock 的 Demo

analogclock.xml

代码

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

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

android:orientation="vertical" android:layout_width="fill_parent"

android:layout_height="fill_parent">

<!--

AnalogClock - 钟表（带表盘的那种）控件

-->

<AnalogClock android:id="@+id/analogClock"

android:layout_width="wrap_content" android:layout_height="wrap_content">

</AnalogClock>

</LinearLayout>

_AnalogClock.java

代码

package com.webabcd.view;

import android.app.Activity;

import android.os.Bundle;

public class _AnalogClock extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(R.layout.analogclcok);

setTitle("AnalogClock");

}

}

8、DigitalClock 的 Demo

digitalclock.xml

代码

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

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

android:orientation="vertical" android:layout_width="fill_parent"

android:layout_height="fill_parent">

<!--

DigitalClock - 电子表控件

-->

<DigitalClock android:id="@+id/digitalClock"

android:layout_width="wrap_content" android:layout_height="wrap_content">

</DigitalClock>

</LinearLayout>

_DigitalClock.java

代码

package com.webabcd.view;

import android.app.Activity;

import android.os.Bundle;

public class _DigitalClock extends Activity {

@Override

protected void onCreate(Bundle savedInstanceState) {

// TODO Auto-generated method stub

super.onCreate(savedInstanceState);

this.setContentView(R.layout.digitalclcok);

setTitle("DigitalClcok");

}

}