android菜鸟学习笔记12----Android控件(一) 几个常用的简单控件

主要参考《第一行代码》

1.TextView:

功能与传统的桌面应用开发中的Label控件相似，用于显示文本信息

如：

 <TextView
 
         android:layout_width="wrap_content"
 
         android:layout_height="wrap_content"
 
         android:textColor="#0000ff"
 
         android:textSize="40sp"
 
         android:text="@string/hello_world" />

显示效果：

上面的xml代码中，设置了几个常用的属性：

android:layout_width和android:layout_height分别设置控件的宽高

textColor设置显示的文本的颜色

textSize设置显示的文本的字体大小

text设置显示的文本内容。

2.Button：

前面用到的比较多，经常被用到的就是通过id获取按钮，然后绑定单击监听事件，这里仅列举个例子：

activity_main.xml：

 <TextView
 
         android:id="@+id/tv"
 
         android:layout_width="wrap_content"
 
         android:layout_height="wrap_content"
 
         android:textColor="#0000ff"
 
         android:textSize="40sp"
 
         android:text="@string/hello_world" />
 
     <Button
 
         android:id="@+id/btn"
 
         android:layout_below="@id/tv"
 
         android:layout_width="wrap_content"
 
         android:layout_height="wrap_content"
 
         android:text="@string/btnText"/>

MainActivity.java：

 public class MainActivity extends ActionBarActivity {
 
     private TextView tv;
 
       private Button btn;
 
       @Override
 
     protected void onCreate(Bundle savedInstanceState) {
 
         super.onCreate(savedInstanceState);
 
         setContentView(R.layout.activity_main);
 
         btn = (Button) findViewById(R.id.btn);
 
         tv = (TextView) findViewById(R.id.tv);
 
         btn.setOnClickListener(new OnClickListener() {
 
                  @Override
 
                  public void onClick(View v) {
 
                       // TODO Auto-generated method stub
 
                       tv.setText("It's changed!");
 
                  }
 
            });
 
     }
 
 }

3.EditText：

即文本输入框，如下修改程序，在按钮之上添加一个EditText，点击按钮，会获取EditText的值并把它设置为TextView的Text属性：

activity_main.xml:

  <TextView
 
         android:id="@+id/tv"
 
         android:layout_width="wrap_content"
 
         android:layout_height="wrap_content"
 
         android:textColor="#0000ff"
 
         android:textSize="40sp"
 
         android:text="@string/hello_world" />
 
     <EditText
 
         android:id="@+id/et"
 
         android:layout_below="@id/tv"
 
         android:layout_width="wrap_content"
 
         android:layout_height="wrap_content"
 
         android:hint="@string/hintText"
 
         />
 
       <Button
 
         android:id="@+id/btn"
 
         android:layout_below="@id/et"
 
         android:layout_width="wrap_content"
 
         android:layout_height="wrap_content"
 
         android:text="@string/btnText"/>

MainActivity.java:

 public class MainActivity extends ActionBarActivity {
 
     private TextView tv;
 
       private Button btn;
 
       private EditText et;
 
       @Override
 
     protected void onCreate(Bundle savedInstanceState) {
 
         super.onCreate(savedInstanceState);
 
         setContentView(R.layout.activity_main);
 
         btn = (Button) findViewById(R.id.btn);
 
         tv = (TextView) findViewById(R.id.tv);
 
         et = (EditText)findViewById(R.id.et);
 
         btn.setOnClickListener(new OnClickListener() {
 
                  @Override
 
                  public void onClick(View v) {
 
                       // TODO Auto-generated method stub
 
                       Editable text = et.getText();
 
                       tv.setText(text.toString());
 
                  }
 
            });
 
     }
 
 }

运行效果：

输入值，然后点击按钮：

注意到由于EditText的layout_height属性是wrap_content，所以会随着输入内容的增多不断变大，影响整体布局。若想固定其高度，可以设置maxLines属性，设置最多只显示的行数，其他内容向上滚动

如:android:maxLines = “1”

EditText的高度就不会变化了。

4.ImageView：

使用来显示图片的一个控件，之前的程序中曾经用到过，当然，它最主要的属性肯定是要显示图片的来源了，即android:src属性，将要显示的图片存放在res/drawable中，如图片名为hero.png。要显示该图片，设置android:src=”@drawable/hero”即可。

 <ImageView
 
         android:id="@+id/iv"
 
         android:layout_width="wrap_content"
 
         android:layout_height="wrap_content"
 
         android:src="@drawable/hero"/>

显示结果：

5.ProgressBar：

即进度条，使用style属性，可以设置不同的显示风格：

1）不设置style属性或者设置为style="?android:attr/progressBarStyle" ，环形显示

2）style="?android:attr/progressBarStyleHorizontal"，水平横条显示

3）style="?android:attr/progressBarStyleLarge"，大号的环形显示

4）style="?android:attr/progressBarStyleSmall"，小号的

进度条当然是用来显示进度的，通过findViewById()获取ProgressBar，然后使用setProgress()就可以设置当前进度，使用getProgress()可以获取当前进度。

如：

布局代码：

 <ProgressBar
 
           android:id="@+id/pb"
 
           android:layout_width="match_parent"
 
           android:layout_height="wrap_content"
 
           style="?android:attr/progressBarStyleHorizontal"
 
           android:max="100"
 
           />
 
       <Button
 
           android:id="@+id/btn"
 
           android:layout_below="@id/pb"
 
           android:layout_width="wrap_content"
 
           android:layout_height="wrap_content"
 
           android:text="@string/add_progress"/>

Activity代码：

 public class MainActivity extends ActionBarActivity {
 
     private ProgressBar pb;
 
       private Button btn;
 
       @Override
 
     protected void onCreate(Bundle savedInstanceState) {
 
         super.onCreate(savedInstanceState);
 
         setContentView(R.layout.activity_main);
 
         pb = (ProgressBar) findViewById(R.id.pb);
 
         btn = (Button) findViewById(R.id.btn);
 
         Log.i("PB",pb.getProgress()+"");
 
         btn.setOnClickListener(new OnClickListener() {
 
                  @Override
 
                  public void onClick(View v) {
 
                       // TODO Auto-generated method stub
 
                       Log.i("PB",pb.getProgress()+"");
 
                       pb.setProgress(pb.getProgress()+10);
 
                  }
 
            });
 
     }
 
 }

运行结果：

初始时，默认进度为0

多次点击按钮之后：

达到android:max所设置的最大值后，再加也不会有变化了。

6.AlertDialog：

这个控件就是弹出一个对话框，类似于桌面开发中的模态对话框，必须关闭该对话框，才能进行后续交互操作，可用于显示比较重要的内容。

AlertDialog的构造方法都是protected，没法直接通过构造来创建AlertDialog，但是可以通过其内部类Builder来创建。

具体使用可以参考帮助手册中关于这个内部类的帮助信息，下面举个简单例子：

 AlertDialog.Builder dialog = new AlertDialog.Builder(this);
 
         dialog.setTitle("Warning");
 
         dialog.setPositiveButton("OK", new DialogInterface.OnClickListener() {
 
                  @Override
 
                  public void onClick(DialogInterface dialog, int which) {
 
                       // TODO Auto-generated method stub
 
                  }
 
            });
 
         dialog.setNegativeButton("CANCEL", new DialogInterface.OnClickListener() {
 
                  @Override
 
                  public void onClick(DialogInterface dialog, int which) {
 
                       // TODO Auto-generated method stub
 
                  }
 
            });
 
         dialog.setMessage("warning, hahaha");
 
         dialog.show();

运行结果：

7.ProgressDialog：

类似于AlertDialog，也是对话框，不过它显示的内容是一个进度条，好像是对话框和进度条两个控件的结合。

 ProgressDialog pd = new ProgressDialog(this);
 
 pd.setTitle("Data Loading...");
 
 pd.show();

运行结果：