在 Android 中使用各种控件(View)
TextView - 文本显示控件
Button - 按钮控件
ImageButton - 图片按钮控件
ImageView - 图片显示控件
CheckBox - 复选框控件
RadioButton - 单选框控件
AnalogClock - 钟表(带表盘的那种)控件
DigitalClock - 电子表控件

 

1、TextView 的 Demo
textview.xml

代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:andro />
</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 的 Demo
button.xml

代码

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:andro>
    </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:andro>
    </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:andro></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:andro></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:andro></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:andro>
    </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:andro>
    </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");
    }
}

相关文章: