系出名门Android(5)
介绍在 Android 中使用各种控件(View)
TextView - 文本显示控件
Button - 按钮控件
ImageButton - 图片按钮控件
ImageView - 图片显示控件
CheckBox - 复选框控件
RadioButton - 单选框控件
AnalogClock - 钟表（带表盘的那种）控件
DigitalClock - 电子表控件
1、TextView 的 Demotextview.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); // 设置文本显示控件的文本内容，需要换行的话就用“\n” txt.setText("我是 TextView\n显示文字用的"); }}2、Button 的 Demobutton.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 的 Demoimagebutton.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 的 Demoimageview.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 的 Democheckbox.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 的 Demoradiobutton.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 的 Demoanalogclock.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 的 Demodigitalclock.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"); }}
页:
[1]