03UI开发-常用控件

文本控件Text View

 <TextView
        android:id="@+id/text_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="25sp"
        android:textColor="#00FFFF"
        android:text="This is Textiew"
        android:gravity="center"
        />

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

按钮 Button

<Button
        android:id="@+id/but_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button"
        android:textAllCaps="false"/>

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

<EditText
        android:id="@+id/edit_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:textSize="25sp"
        android:hint="请输入用户名"
        android:maxLines="2"
        />

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目录，把照片放入到这个目录中,这里的照片尽量用字母开头

  <ImageView
        android:id="@+id/image_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/img_1"
        />
     <Button
        android:id="@+id/but_2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="点击换照片"/>

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

    <ProgressBar
        android:id="@+id/pro_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        />

    <Button
        android:id="@+id/but_3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="进度条消失"
        />

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

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

 <ProgressBar
        android:id="@+id/pro_2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        style="?android:attr/progressBarStyleHorizontal"
        android:max="100"
        />

    <Button
        android:id="@+id/but_4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Button"/>

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:id="@+id/seek_1"
      android:layout_width="match_parent"
      android:layout_height="wrap_content" />

常见的属性：
- 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一般都是用于提示一些非常重要的内容或者警告信息，比如为了防止用户删除重要的内容，在删除前弹出一个确认对话框

 <Button
        android:id="@+id/but_5"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="删除"/>

点击这个按钮弹出对话框

通过这个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很相似

 <Button
        android:id="@+id/but_6"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="提交"/>


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

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_main5"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
>

    <AutoCompleteTextView
        android:id="@+id/auto_1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:completionThreshold="1"
        android:completionHint="请输入省份"/>

</RelativeLayout>

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

<?xml version="1.0" encoding="utf-8"?>
<TextView
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textSize="20dp"
    android:background="#ff00ff">
</TextView>

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

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="provine_data">
        <item>sahnghai</item>
        <item>shanxi</item>
        <item>shand</item>
        <item>sxnakndfasdkj</item>
    </string-array>
</resources>

进行绑定，在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<String> adapter = new ArrayAdapter<String>(this,R.layout.auto,data);
        // 获取到这个自动文本框
        AutoCompleteTextView v = (AutoCompleteTextView)findViewById(R.id.auto_1);
        // 绑定到这个自动文本框中
        v.setAdapter(adapter);

    }
}

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

参考文献：第一行代码

最后编辑于：2018.03.20 14:49:59

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 194,319评论 5赞 459
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 81,801评论 2赞 371
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 141,567评论 0赞 319
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 52,156评论 1赞 263
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 61,019评论 4赞 355
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 46,090评论 1赞 272
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 36,500评论 3赞 381
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 35,192评论 0赞 253
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 39,474评论 1赞 290
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 34,566评论 2赞 309
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 36,338评论 1赞 326
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 32,212评论 3赞 312
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 37,572评论 3赞 298
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 28,890评论 0赞 17
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 30,169评论 1赞 250
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 41,478评论 2赞 341
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 40,661评论 2赞 335