UI界面设计

UI控件的使用

TextView

要想使得文字居中,需要添加属性android:gravity="center",可选择的选项还有top、bottom、left、right、center等,center相当于center_vertical|center_horizontal。
使用android:textSize="24sp"指定文字大小,android:textColor="#00ff00"指定文字颜色。

Button

在Android中,Button上面的文字默认英文全部大写,可以通过设置android:textAllCaps="false"改变

EditText

通过设置hint属性可以得到提示文字,设置maxLines使得输入框中最大输入行数。

ImageView

图片文件放入drawable目录中,通过src指定位置。

ProgressBar

这是一种显示进度条的UI,用法如下:

这里可以得到一个一直旋转的圆形进度条,要使得进度条消失,就必须使用代码来控制其可见性。
Android中的控件的可见属性有三种:visible、invisible、gone,分别代表可见的、不可见但占据原来的位置、不可见也不占用屏幕控件,可用android:visibility进行指定。使用代码进行设置的时候使用的是setVisibility()方法,可以传入View.VISIBLE,View.INVISIBLE,View.GONE这三个值。
进行如下的测试:

public void onClick(View v) {            switch (v.getId()){                case R.id.button:                if(progressBar.getVisibility()==View.GONE){                    progressBar.setVisibility(View.VISIBLE);                }else{                    progressBar.setVisibility(View.GONE);                }                default:                    break;            }        }

同时,可以通过style属性将进度条改为直线型:style="?android:attr/progressBarStyleHorizontal",并且利用max属性将进度条的最大值设置为100。
再次使用代码,可以将进度条动态显示。

public void onClick(View v) {            switch (v.getId()){                case R.id.button:                    int progress = progressBar.getProgress();                    progress = progress+10;                    progressBar.setProgress(progress);                    break;                default:                    break;            }        }

AlertDialog

此控件会弹出一个对话框,置顶于所有元素之上,会屏蔽掉其它控件。通过代码来实现。

public void onClick(View v) {            switch (v.getId()){                case R.id.button:                    AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);                    dialog.setTitle("This is a Dialog");                    dialog.setMessage("hunimabi");                    dialog.setCancelable(false); //设置为false,按返回键不能退出                    dialog.setPositiveButton("ok",new DialogInterface.OnClickListener(){                        @Override                        public void onClick(DialogInterface dialog, int which) {                        }                    });                    dialog.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {                        @Override                        public void onClick(DialogInterface dialog, int which) {                        }                    });                    dialog.show();                    break;                default:                    break;            }        }

ProgressDialog

此控件与AlertDialog类似,但是其会显示一个进度条,用代码实现:

 public void onClick(View v) {            switch (v.getId()){                case R.id.button:                    ProgressDialog progressDialog = new ProgressDialog(MainActivity.this);                    progressDialog.setTitle("Hi");                    progressDialog.setMessage("sb");                    progressDialog.show();                    break;                default:                    break;            }        }

UI布局

LinerLayout线性布局

此布局通过指定orientation属性指定控件排列方向,可选值为horizontal和vertical。
android:gravity属性可以指定控件在布局中的位置,但是若是垂直布局的话那么只能指定水平相对位置才能生效,同理,水平布局只有指定竖直相对位置才能生效。
android:layout_weight属性指定控件的相对大小,比如一个button为这个属性为3,一个为2,那么第一个button就占据3/5大小。

RelativeLayout相对布局

可以使得控件根据与父布局的相对位置进行定位。

    

效果图如下所示:

Android Studio开发-day3 UI界面设计_第1张图片 image.png

也可以根据别的控件进行定位:

Android Studio开发-day3 UI界面设计_第2张图片 image.png

FrameLayout帧布局

这一种布局方式默认将控件放在左上角,基本上不怎么用到。

PercentFrameLayout、PercentRelativeLayout百分比布局

百分比布局属于新增的布局,其在support库中,在app/build.gradle中添加依赖

自定义组件

自定义标题栏

写一个简单的xml页面,在主布局中将其引入:

再在代码中将原来标题栏隐去,要放置在OnCreate方法中。

ActionBar actionBar = getSupportActionBar();        if (actionBar!=null){            actionBar.hide();        }

like this:

Android Studio开发-day3 UI界面设计_第3张图片 自定义标题

更多相关文章

  1. android开发4:布局管理器1(线性布局,相对布局RelativeLayout-案例)
  2. 线性布局LinearLayout和相对布局RelativeLayout 之间的比较
  3. Android布局常用
  4. TextView中ellipsize属性 + 走马灯效果
  5. View类的XML属性、相关方法及说明
  6. Android 使用 TableLayout 布局拉伸宽度
  7. android:configChanges属性

随机推荐

  1. Android系统堆内存限制浅析
  2. Android的反射机制Reflection
  3. Android(安卓)开发 APP 端常见安全漏洞解
  4. Android的JNI总结
  5. android编程之广播机制详解
  6. [Android]应用界面创建控件的两种方式
  7. Android快速开发工具库xUtils 1.0发布,针
  8. Android(安卓)DNS之查询结果缓存
  9. Google推Fast Pair机制Android也能快速配
  10. Android的配置界面PreferenceActivity