当前位置: 代码迷 >> Android >> 系出名门Android(五) - 控件(View)
  详细解决方案

系出名门Android(五) - 控件(View)

热度:443   发布时间:2016-05-01 15:50:10.0
系出名门Android(5) - 控件(View)

介绍 ??

在?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");    }}

?

?

  相关解决方案