你的位置:首页 > 操作系统

[操作系统]android菜鸟学习笔记12


主要参考《第一行代码》

1.TextView:

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

如:

 1 <TextView 2  3     android:layout_width="wrap_content" 4  5     android:layout_height="wrap_content" 6  7     android:textColor="#0000ff" 8  9     android:textSize="40sp"10 11     android:text="@string/hello_world" />

显示效果:

 

上面的

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

textColor设置显示的文本的颜色

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

text设置显示的文本内容。

2.Button:

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

activity_main.

 1 <TextView 2  3     android:id="@+id/tv" 4  5     android:layout_width="wrap_content" 6  7     android:layout_height="wrap_content" 8  9     android:textColor="#0000ff"10 11     android:textSize="40sp"12 13     android:text="@string/hello_world" />14 15   <Button16 17     android:id="@+id/btn"18 19     android:layout_below="@id/tv"20 21     android:layout_width="wrap_content"22 23     android:layout_height="wrap_content"24 25     android:text="@string/btnText"/>

 MainActivity.java:

 1 public class MainActivity extends ActionBarActivity { 2  3  4  5   private TextView tv; 6  7    private Button btn; 8  9 10 11    @Override12 13   protected void onCreate(Bundle savedInstanceState) {14 15     super.onCreate(savedInstanceState);16 17     setContentView(R.layout.activity_main);18 19    20 21     btn = (Button) findViewById(R.id.btn);22 23     tv = (TextView) findViewById(R.id.tv);24 25     btn.setOnClickListener(new OnClickListener() {26 27         28 29          @Override30 31         public void onClick(View v) {32 33            // TODO Auto-generated method stub34 35            tv.setText("It's changed!");36 37          }38 39       });40 41   }42 43 }

3.EditText:

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

activity_main.

 

 1 <TextView 2  3     android:id="@+id/tv" 4  5     android:layout_width="wrap_content" 6  7     android:layout_height="wrap_content" 8  9     android:textColor="#0000ff"10 11     android:textSize="40sp"12 13     android:text="@string/hello_world" />14 15   <EditText16 17     android:id="@+id/et"18 19     android:layout_below="@id/tv"20 21     android:layout_width="wrap_content"22 23     android:layout_height="wrap_content"24 25     android:hint="@string/hintText"26 27     />28 29    <Button30 31     android:id="@+id/btn"32 33     android:layout_below="@id/et"34 35     android:layout_width="wrap_content"36 37     android:layout_height="wrap_content"38 39     android:text="@string/btnText"/>

 

MainActivity.java:

 1 public class MainActivity extends ActionBarActivity { 2  3  4  5   private TextView tv; 6  7    private Button btn; 8  9    private EditText et;10 11 12 13    @Override14 15   protected void onCreate(Bundle savedInstanceState) {16 17     super.onCreate(savedInstanceState);18 19     setContentView(R.layout.activity_main);20 21    22 23     btn = (Button) findViewById(R.id.btn);24 25     tv = (TextView) findViewById(R.id.tv);26 27     et = (EditText)findViewById(R.id.et);28 29     btn.setOnClickListener(new OnClickListener() {30 31         32 33          @Override34 35         public void onClick(View v) {36 37            // TODO Auto-generated method stub38 39            Editable text = et.getText();40 41            tv.setText(text.toString());42 43          }44 45       });46 47   }48 49 }

 

运行效果:

 

输入值,然后点击按钮:

 

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

如:android:maxLines = “1”

EditText的高度就不会变化了。

4.ImageView:

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

1 <ImageView2 3     android:id="@+id/iv"4 5     android:layout_width="wrap_content"6 7     android:layout_height="wrap_content"8 9     android:src="@drawable/hero"/>

 显示结果:

 

5.ProgressBar:

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

1)不设置style属性或者设置为 ,环形显示

 

2),水平横条显示

 

3),大号的环形显示

 

4),小号的

 

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

如:

布局代码:

 1 <ProgressBar 2  3      android:id="@+id/pb" 4  5      android:layout_width="match_parent" 6  7      android:layout_height="wrap_content" 8  9      style="?android:attr/progressBarStyleHorizontal"10 11      android:max="100"12 13      />14 15    <Button16 17      android:id="@+id/btn"18 19      android:layout_below="@id/pb"20 21      android:layout_width="wrap_content"22 23      android:layout_height="wrap_content"24 25      android:text="@string/add_progress"/>

 Activity代码:

 1 public class MainActivity extends ActionBarActivity { 2  3   private ProgressBar pb; 4  5    private Button btn; 6  7    @Override 8  9   protected void onCreate(Bundle savedInstanceState) {10 11     super.onCreate(savedInstanceState);12 13     setContentView(R.layout.activity_main);14 15     pb = (ProgressBar) findViewById(R.id.pb);16 17     btn = (Button) findViewById(R.id.btn);18 19     Log.i("PB",pb.getProgress()+"");20 21     btn.setOnClickListener(new OnClickListener() {22 23         24 25          @Override26 27         public void onClick(View v) {28 29            // TODO Auto-generated method stub30 31            Log.i("PB",pb.getProgress()+"");32 33            pb.setProgress(pb.getProgress()+10);34 35          }36 37       });38 39   }40 41 }

 

运行结果:

 

初始时,默认进度为0

多次点击按钮之后:

 

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

6.AlertDialog:

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

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

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

 1 AlertDialog.Builder dialog = new AlertDialog.Builder(this); 2  3     dialog.setTitle("Warning"); 4  5     dialog.setPositiveButton("OK", new DialogInterface.OnClickListener() { 6  7          8  9          @Override10 11         public void onClick(DialogInterface dialog, int which) {12 13            // TODO Auto-generated method stub14 15           16 17          }18 19       });20 21     dialog.setNegativeButton("CANCEL", new DialogInterface.OnClickListener() {22 23         24 25          @Override26 27         public void onClick(DialogInterface dialog, int which) {28 29            // TODO Auto-generated method stub30 31           32 33          }34 35       });36 37     dialog.setMessage("warning, hahaha");38 39     dialog.show();

 运行结果:

 

7.ProgressDialog:

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

1 ProgressDialog pd = new ProgressDialog(this);2 3 pd.setTitle("Data Loading...");4 5 pd.show();

 运行结果: