UI设计实验一

本实验基于 **郭霖《第一行代码》**第三章内容。

一、实验内容

1、常见控件实验

控件包括 Button、TextView、EditView、ImageView、ProcessBar、AlertDialog、ProgressDialog

程序截图:
UI设计实验一_第1张图片

UI设计实验一_第2张图片

UI设计实验一_第3张图片

UI设计实验一_第4张图片

UI设计实验一_第5张图片

程序说明:

1、从上到下分别有5个控件。TextView显示一句话;Button控件添加一个点击响应事件;EditView控件可以输入文字;ImageView控件可以显示图片。
2、Button控件可支持多种功能,当然需要替换内部代码。例如,点击将EditView输入的内容通过Toast显示出来;或者点击切换ImageView控件显示的图片;或者点击对进度条加10%;或者点击弹出AlertDialog或ProgressDialog提示框。
3、控件详解

  • TextView控件
	 android:gravity="center"     //设置文字居中显示
    android:textSize="30sp"      //设置文字的大小
    android:textColor="#00aa00"  //设置文字的颜色
  • EditView控件
    android:hint="type something here" //设置提示文字
    android:maxLines="2"               //设置最大内容显示行数
  • ImageView控件
    android:src="@mipmap/ic_launcher" //设置图片文件位置
    android:layout_gravity="center"   //设置图片显示位置
  • ProcessBar控件
    style="?android:attr/progressBarStyleHorizontal" //设置控件风格
    android:max="100"                                //设置最大量
  • Button控件
    android:layout_width="wrap_content"   //设置为包裹内容
    android:layout_height="wrap_content"  //设置为由父布局控制

4、Button监听事件

  • Toast显示EditView输入的内容
String inputText = editText.getText().toString(); //获取输入转换为字符串
Toast.makeText(MainActivity.this, inputText, Toast.LENGTH_SHORT).show();//短时间显示内容
  • 切换图片
imageView.setImageResource(R.drawable.cyang); //切换显示该位置处的图片
  • 切换是否显示进度条
if (progressBar.getVisibility() == View.VISIBLE){
    progressBar.setVisibility(View.GONE);
}else {
    progressBar.setVisibility(View.VISIBLE);}
//通过getVisibility获取控件属性,判断后通过setVisibility设置
//控件的三种熟悉为visibility(可见),invisibility(透明占地方),gone(完全消失).
  • 对程序进度条加10
int progress = progressBar.getProgress(); //获取属性
    progress = progress + 10;           //点击加10
    progressBar.setProgress(progress);  //设置属性
  • 进入一个activity
Intent intent = new intent(FisrtActivity.this,SecondActivity.class);
startActivity(intent);
//第一个参数为启动活动的上下文,第二个参数为指定想要启动的活动
  • 启动AlertDialog
AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
    dialog.setTitle("这是一个对话框");
    dialog.setMessage("something important.");
    dialog.setCancelable(false);
    dialog.setPositiveButton("ok", new DialogInterface.OnClickListener() {
    @Override
    public void onClick(DialogInterface dialog, int which) {}});
    dialog.setNegativeButton("no",new DialogInterface.OnClickListener(){
    @Override
    public void onClick(DialogInterface dialog,int which){}});
    dialog.show();
//前面设置title,message,设置不可返回,之后可设置两种选项的触发事件,这里没有设置
  • 启动ProgressDialog
ProgressDialog progressDialog = new ProgressDialog(MainActivity.this);
progressDialog.setTitle("this is ProgressDialog");
progressDialog.setMessage("Loading...");
progressDialog.setCancelable(true);
progressDialog.show();
//设置名称,内容,是否可通过返回键返回当前活动

二、Errors&solutions

1、 layout_gravity和gravity的区别

前者用于指定控件在布局中的对齐方式,后者用于指定文字在控件中的对齐方式。

2、 可通过使用匿名类的方式来注册监听器,也可以使用实现接口的方式来进行注册。但是,使用前者在实现具体逻辑时程序运行出错,使用第二种时运行正常。

三、关键词

Button、TextView、EditView、ImageView、ProcessBar、AlertDialog、ProgressDialog

你可能感兴趣的:(编程)