03UI开发-常用控件

文本控件Text View

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

按钮 Button

  1. textAllCaps="false": 由于系统默认会给英文字母转换为大写,这个属性就是禁用这个默认值
  2. 对按钮点击事件的监听
    • 实现这个接口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


  1. hint="请输入用户名":提示语句
  2. maxLines="2" : 最大的行数
  3. 当点击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目录,把照片放入到这个目录中,这里的照片尽量用字母开头

  
     
  1. layout_width="wrap_content":这里的宽度和高度都是自适应这样照片可以完整的展示
  2. src="@drawable/img_1":图片的路径
  3. 绑定监听函数
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

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

 

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

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拖动条

  
  1. 常见的属性:
    • Seekbar:拖动条可以由用户控制,进行拖动
    • android:max:设置拖动条的最大值
    • android:progress:设置当前的进度值
    • android:secondaryProgress:设置第二进度值,通常用于显示视频缓冲效果
    • android:thumb:设置滑块的图样
    • android:progressDrawable:设置进度条的图样
  2. 在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一般都是用于提示一些非常重要的内容或者警告信息,比如为了防止用户删除重要的内容,在删除前弹出一个确认对话框

 

点击这个按钮弹出对话框

  1. 通过这个AlertDialog.Builder创建一个实例
    AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);

  2. 设置对应的内容
    dialog.setTitle("这是一个警告框");
    dialog.setMessage("确定要删除吗?");

  3. setPositiveButton()设置确定按钮对应的点击事件

  4. setNegativeButton()设置取消按钮对应的点击事件

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

  6. 最后把这个程序显示出来 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

自动文本框的使用

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



    



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




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


    
        sahnghai
        shanxi
        shand
        sxnakndfasdkj
    


  1. 进行绑定,在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

参考文献:第一行代码

你可能感兴趣的:(03UI开发-常用控件)