这个小demo介绍android的基本控件,主要包括:标签、文本框、单选框、多选框、按钮、图片和菜单(现在不常用了)。在对控件的大小进行设置时,有三种单位可供选择,它们的区别如下:
px:即像素,不被建议使用,因为同样100px的图片,在不同dpi的手机上显示的实际大小不同。
偶尔用到px的情况,是需要画1像素表格线或阴影线的时候,用其他单位如dp会显得模糊。
dp:经常用,无视屏幕dpi的差别,大小不变
sp:用于定义字体的大小,当用户调整字体大小时随之改变
这个demo涉及:源文件和布局文件,背景图片位于:AndroidDemo_001\app\src\main\res\drawable 文件夹下。
整个demo:下载地址,运行截图:
源文件:
package fk.androiddemo_001;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.text.method.HideReturnsTransformationMethod;
import android.text.method.PasswordTransformationMethod;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.EditText;
import android.widget.RadioGroup;
import android.widget.TextView;
public class MainActivity extends Activity implements View.OnClickListener,CompoundButton.OnCheckedChangeListener {
TextView text0;
Button but1,but2,but3;
CheckBox checkBox;
RadioGroup radioG;
EditText edit;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//标签
text0=(TextView)findViewById(R.id.text0);
//文本框
edit=(EditText)findViewById(R.id.editText);
//按钮
but1=(Button)findViewById(R.id.but1);//绑定按钮一
but1.setOnClickListener(this);//设置监听
but2=(Button)findViewById(R.id.but2);
but2.setOnClickListener(this);//设置监听
but3=(Button)findViewById(R.id.but3);
but3.setOnClickListener(this);//设置监听
//多选框
checkBox=(CheckBox)findViewById(R.id.checkBox);
checkBox.setOnCheckedChangeListener(this);//设置监听
//单选框
radioG=(RadioGroup)findViewById(R.id.radioG);
radioG.setOnCheckedChangeListener(new RadioListener());//设置监听
}
@Override
//菜单(以后别用了,现在手机大都没菜单键了)
public boolean onCreateOptionsMenu(Menu menu) {
//getMenuInflater().inflate(R.menu.main, menu);系统默认的settings菜单选项
//添加菜单(菜单组,组内编号,排序,显示内容)
menu.add(0,0,0,"退出");
menu.add(0,1,1,"设置");
menu.add(0,2,2,"关于");
return true;
}
@Override
//菜单监听
public boolean onOptionsItemSelected(MenuItem item) {
int id = item.getItemId();
if(id==0) this.finish();//关闭当前Activity
else if(id==1) text0.setText("没什么设置的");
else text0.setText("FK 2016/09/05");
return super.onOptionsItemSelected(item);
}
@Override
//按钮监听
public void onClick(View v) {
if(v==but1) text0.setText(edit.getText());
else if(v==but2) text0.setText("标签");
else if(v==but3) this.finish();
}
@Override
//多选框监听
public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
if(isChecked) edit.setTransformationMethod(HideReturnsTransformationMethod.getInstance());
else edit.setTransformationMethod(PasswordTransformationMethod.getInstance());
}
//单选框监听器
class RadioListener implements android.widget.RadioGroup.OnCheckedChangeListener{
@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
//具体id可以在gen文件夹下的R.java中查到
if(checkedId==R.id.radio1) text0.setBackgroundColor(Color.RED);
else if(checkedId==R.id.radio2) text0.setBackgroundColor(Color.BLUE);
else if(checkedId==R.id.radio3) text0.setBackgroundColor(Color.YELLOW);
}
}
}
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:background="@drawable/background">
<!--上面这一句设置了背景图片 -->
<!--相对布局 -->
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<!--标签 -->
<TextView
android:id="@+id/text0"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:gravity="center"
android:layout_margin="30dp"
android:padding="30dp"
android:textSize="50sp"
android:background="#FF0000"
android:text="标签"/>
<!--图片 -->
<ImageView
android:id="@+id/image"
android:layout_below="@id/text0"
android:layout_width="80dp"
android:layout_height="80dp"
android:scaleType="centerInside"
android:src="@mipmap/ic_launcher"/>
<!--文本框 -->
<EditText
android:id="@+id/editText"
android:layout_below="@id/text0"
android:layout_toRightOf="@id/image"
android:layout_width="150dp"
android:hint="请输入密码"
android:inputType="textPassword"
android:layout_height="wrap_content"/>
<!--复选框(此处只用了一个)-->
<CheckBox
android:id="@+id/checkBox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/editText"
android:layout_toRightOf="@id/image"
android:text="显示密码"/>
</RelativeLayout>
<!--单选框组-->
<RadioGroup
android:id="@+id/radioG"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<!--单选框-->
<RadioButton
android:id="@+id/radio1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:checked="true"
android:text="红色"/>
<RadioButton
android:id="@+id/radio2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="蓝色"/>
<RadioButton
android:id="@+id/radio3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="黄色"/>
</RadioGroup>
<!--线性布局 -->
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<!-- 按钮 -->
<Button
android:id="@+id/but1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="更新"/>
<Button
android:id="@+id/but2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="还原"/>
<Button
android:id="@+id/but3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="退出"/>
</LinearLayout>
</LinearLayout>