03UI开发-常用控件

文本控件Text View

layout_width="match_parent"：宽度和父元素一样大
layout_height="wrap_content"：高度自适应
textSize="25sp"：文字的大小，这里使用sp作为单位
textColor="#00FFFF"：字体的颜色
text="This is Textiew"：文本内容
gravity="center"：对齐方式，这里是水平且居中

按钮 Button

textAllCaps="false"：由于系统默认会给英文字母转换为大写，这个属性就是禁用这个默认值
对按钮点击事件的监听
- 实现这个接口View.OnClickListener，重写这个onClick()方法
- 注册一个监听器

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_layout);
        // 这里注册一个监听器，点击的时候就会执行onCLick()里的方法
        Button button1 = (Button)findViewById(R.id.but_1);
        button1.setOnClickListener(this);

    }

    @Override
    public void onClick(View v) {
        // 这里获取对应的id，因为按钮不止一个
        switch (v.getId()){
            case R.id.but_1:
                // 在这里添加逻辑代码
                // 这里显示一句话
                Toast.makeText(this,"you click button",Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
    }

}

2018-03-16_14-57-40.png

编辑框 Edit Text

hint="请输入用户名"：提示语句
maxLines="2" ：最大的行数
当点击Button按钮的时候，把编辑框中的文字输出出来


public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    // 先定义这个变量
    private EditText edit1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_layout);
        // 这里注册一个监听器，点击的时候就会执行onCLick()里的方法
        Button button1 = (Button)findViewById(R.id.but_1);
        button1.setOnClickListener(this);
        //这个编辑器就没有必要注册一个监听器了
        edit1 = (EditText)findViewById(R.id.edit_1);

    }

    @Override
    public void onClick(View v) {
        // 这里获取对应的id，
        switch (v.getId()){
            case R.id.but_1:
                // 获取这个文本编辑框的内容
                String text = edit1.getText().toString();
                Toast.makeText(this,text,Toast.LENGTH_SHORT).show();
                break;
            default:
                break;
        }
    }

}

图片 ImageView

在res的目录下新建一个drawable-xhdpi目录，把照片放入到这个目录中,这里的照片尽量用字母开头

layout_width="wrap_content":这里的宽度和高度都是自适应这样照片可以完整的展示
src="@drawable/img_1"：图片的路径
绑定监听函数

package com.example.md.uiwidgettest;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private ImageView img1;
    //定义一个全局的变量，用来控制照片
    private int flag = 0;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_layout);
      
        Button button2 = (Button)findViewById(R.id.but_2);
        button2.setOnClickListener(this);
        img1 = (ImageView)findViewById(R.id.image_1);

    }

    @Override
    public void onClick(View v) {

        // 这里获取对应的id，因为按钮不止一个
        switch (v.getId()){
            case R.id.but_2:
                if (flag == 0){
                    // 改变这个照片，当前的照片换成这个img_2
                    img1.setImageResource(R.drawable.img_2);
                    flag = 1;
                }else {
                    img1.setImageResource(R.drawable.img_1);
                    flag = 0;
                }
            default:
                break;
        }
    }

}

2018-03-16_15-07-33.png

进度条 ProgressBar

Android控件的可见程度：
* 所有的android都有这个属性，可以通过android:visibility进行指定，有三种值
* visible:表示这个控件是可见的，也是默认值
* invisible:表示控件不可见，但是它仍然占据着原来的位置和大小，也就是透明的
* gone：表示控件不仅不可见，而且不再占有任何屏幕空间
* 可以使用setVisibility()方法，可以传入View.VISIBLE,View.INVISIBLE,View.GONE
改变这个进度条

package com.example.md.uiwidgettest;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private ProgressBar pro1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_layout);

        Button button3 = (Button)findViewById(R.id.but_3);
        button3.setOnClickListener(this);
        pro1 = (ProgressBar)findViewById(R.id.pro_1);

    }

    @Override
    public void onClick(View v) {

        // 这里获取对应的id，因为按钮不止一个
        switch (v.getId()){
            case R.id.but_3:
                // 获取当前控件的值，若是不可见，就设置为可见
                // 否则就设置为不可见
                if(pro1.getVisibility() == View.GONE){
                    pro1.setVisibility(View.VISIBLE);
                }else {
                    pro1.setVisibility(View.GONE);
                }
            default:
                break;
        }
    }

}

2018-03-16_15-12-27.png

当然了，还可以给这个控制条设置样式，刚才默认的圆形进度条，还可以指定为水平的

style="?android:attr/progressBarStyleHorizontal":指定样式为水平
max="100":最大长度为100
动态的修改进度条


public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private ProgressBar pro2;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_layout);

        Button button4 = (Button)findViewById(R.id.but_4);
        button4.setOnClickListener(this);
        pro2 = (ProgressBar)findViewById(R.id.pro_2);

    }

    @Override
    public void onClick(View v) {

        // 这里获取对应的id，因为按钮不止一个
        switch (v.getId()){
            case R.id.but_4:
                // 获取当前进度条的长度,进行添加，再设置
                int progress = pro2.getProgress();
                progress += 10;
                pro2.setProgress(progress);
            default:
                break;
        }
    }

}

2018-03-16_15-15-58.png

点击按钮增加长度

SeekBar拖动条

常见的属性：
- Seekbar：拖动条可以由用户控制，进行拖动
- android:max：设置拖动条的最大值
- android:progress：设置当前的进度值
- android:secondaryProgress：设置第二进度值，通常用于显示视频缓冲效果
- android:thumb：设置滑块的图样
- android:progressDrawable：设置进度条的图样
在java代码中

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_layout);
        SeekBar seekBar = (SeekBar)findViewById(R.id.seek_1);
        seekBar.setMax(10);
        seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            // 用于监听SeekBar进度值的改变
            @Override
            public void onProgressChanged(SeekBar seekBar, int i, boolean b) {
                Log.d("SeekBar","进度值"+i);
            }

            // 用于监听SeekBar开始拖动
            @Override
            public void onStartTrackingTouch(SeekBar seekBar) {
                Log.d("SeekBar","开始拖动");
            }
            // 用于监听SeekBar停止拖动
            @Override
            public void onStopTrackingTouch(SeekBar seekBar) {
                Log.d("SeekBar","停止拖动");
            }
        });
    }

}

2018-03-16_15-37-51.png

对话框AlertDialog

AlertDiaLog可以在当前的界面弹出一个对话框，这个对话框是置顶与所有界面元素之上的，能够屏蔽掉其他控件的交互能力，因此AlertDialog一般都是用于提示一些非常重要的内容或者警告信息，比如为了防止用户删除重要的内容，在删除前弹出一个确认对话框

点击这个按钮弹出对话框

通过这个AlertDialog.Builder创建一个实例
AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
设置对应的内容
dialog.setTitle("这是一个警告框");
dialog.setMessage("确定要删除吗？");
setPositiveButton()设置确定按钮对应的点击事件
setNegativeButton()设置取消按钮对应的点击事件
这里要注意的就是setCancelable()，如果传入的是false,那么表示ProgressDialog是不能通过Back键取消的
最后把这个程序显示出来 dialog.show()


public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_layout);
    
        Button button5 = (Button)findViewById(R.id.but_5);
        button5.setOnClickListener(this);

    }

    @Override
    public void onClick(View v) {

        // 这里获取对应的id，因为按钮不止一个
        switch (v.getId()){
            case R.id.but_5:
                // 通过这个AlertDialog.Builder创建一个实例
                AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
                dialog.setTitle("这是一个警告框");
                dialog.setMessage("确定要删除吗？");
                // 设置确定按钮对应的点击事件
                dialog.setPositiveButton("ok", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        Toast.makeText(MainActivity.this,"删除成功",Toast.LENGTH_SHORT).show();
                    }
                });
                // 设置取消按钮对应的点击事件
                dialog.setNegativeButton("Cancel", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        Toast.makeText(MainActivity.this,"取消删除",Toast.LENGTH_SHORT).show();
                    }
                });
                //最后把这个程序显示出来
                dialog.show();
                break;
            default:
                break;
        }
    }

}

2018-03-16_15-50-30.png

ProgressDialog

ProgressDialog和AlertDialog有点类似，都可以在页面中弹出一个对话框，能够屏蔽其他控件的能力，不同的是这个会在对话框中显示一个进度条，一般用于表示当前操作比较耗时，让用户耐心等待，语法和AlertDialog很相似


public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main_layout);

        Button button6 = (Button)findViewById(R.id.but_6);
        button6.setOnClickListener(this);

    }

    @Override
    public void onClick(View v) {

        switch (v.getId()){
            case R.id.but_6:
                ProgressDialog progressDialog = new ProgressDialog(MainActivity.this);
                progressDialog.setTitle("请耐心等待");
                progressDialog.setMessage("Loading...");
                progressDialog.setCancelable(true);
                progressDialog.show();
                break;
            default:
                break;
        }
    }

}

这里要注意的就是setCancelable()，如果传入的是false,那么表示ProgressDialog是不能通过Back键取消的

2018-03-16_15-55-00.png

自动文本框的使用

常用属性
- android:completionThreshold：至少输入多少个字符才会显示
- android:dropDownHeight：设置下拉菜单的高度
创建布局文件activity_main.xml

设置下拉菜单的文本布局(这个布局用于下拉菜单)auto.xml
注意这里只有一个文本

设置下拉菜单的文本资源 res/values/arrays.xml



    
        sahnghai
        shanxi
        shand
        sxnakndfasdkj

进行绑定，在MainActivity中


public class Main5Activity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main5);
        // 获取到数据,这个数据写在res/values/arrags
        String data[] = getResources().getStringArray(R.array.provine_data);
        // 获取到每一列的布局使用的这个数组适配器,
        // 传入的数据是当前这个，和定义布局的xml文件，数据
        ArrayAdapter adapter = new ArrayAdapter(this,R.layout.auto,data);
        // 获取到这个自动文本框
        AutoCompleteTextView v = (AutoCompleteTextView)findViewById(R.id.auto_1);
        // 绑定到这个自动文本框中
        v.setAdapter(adapter);

    }
}

2018-03-16_16-20-46.png

参考文献：第一行代码