day_03 UI_01

• TextView：就是界面上显示的文本

　　text是设置要显示的文本，textColor是字体的颜色，textSize是字体的大小，还可以在TextView里面填写位置，表示水平居中。

 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是文本"
        android:textColor="#ff0d00"
        android:textSize="10dp"
        android:layout_gravity="center_horizontal"/>
　　</LinearLayout>

 

 

 

• EditText：文本框，可以在里面输入信息

　　hint是设置上的提示信息，如果点击文本框，这个提示字就会消失。maxLines是设置的在这个文本框里最多可以写几行。

 <EditText
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:hint="请输入信息"
       android:maxLines="2"/>

 

 

 

• ImageView：这个是显示出一张图片，一般先把图片放在drawable里，用的时候引用。

　　src表示从哪里引入图片，这里我们是从drawable类引入的名字叫book的图片，它的位置也是可以调节的，调节的方式这得看在什么布局里。

<ImageView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:src="@drawable/book"/>

 

 

 

　　

• CheckBox：复选框。比如给你几个选项，让你选出你喜欢吃的东西，你可以选一个也可以选多个，这个就是复选框。

　　checked代表一开始是否默认选中，如果不添加代表不选中，但也可以写上false，这里第一个默认选中，第二个默认不选中。运行的时候还可以修改。

　　

<CheckBox
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="西红柿"
       android:checked="true"/>
    <CheckBox
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="大白菜"/>

  

　　不运行了，直接点击Design查看就可以了

　　　　

 

　　再说一下点击监听事件

　　先在布局那里，给它俩添加id，再改动MainActivity里的监听事件。这里用setOnCheckedChangeListener； isChecked的意思是是否被选中。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
   <CheckBox
       android:id="@+id/cb_xhs"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="西红柿"
       android:checked="true"/>
    <CheckBox
        android:id="@+id/cb_dbc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="大白菜"/>


</LinearLayout>

 

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        final CheckBox cb_xhs = (CheckBox)findViewById(R.id.cb_xhs);
        final CheckBox cb_dbc = (CheckBox)findViewById(R.id.cb_dbc);

        cb_xhs.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(isChecked){
                    String text = cb_xhs.getText().toString();
                    Toast.makeText(MainActivity.this,text,Toast.LENGTH_LONG).show();
                }
            }
        });
        cb_dbc.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
                if(isChecked){
                    String text = cb_dbc.getText().toString();
                    Toast.makeText(MainActivity.this,text,Toast.LENGTH_LONG).show();
                }
            }
        });
    }
}

 

 　　运行起来：确实跟我们想象的一个样

　　

　　这里西红柿可以被取消选择：

　　

　　然后试一下监听效果：

　　

　　

 

 

 

• RadioButton：跟CheckBox差不多效果。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
   <RadioButton
       android:id="@+id/rb_dog"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:text="狗"
       android:checked="true"/>
    <RadioButton
        android:id="@+id/rb_cat"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="猫"/>


</LinearLayout>

　　效果图：

　　

 

 

 

 

• ProgressBar：平常最烦的东西，一直不断地转啊转，打个游戏网络不佳的时候，他就会冒出来。

　　

<ProgressBar
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       />

 

 

 

• SeekBar：随意拉动的进度条

　　

<SeekBar
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/seekBar"
        />

 

　　

 

 

 

• Spinner：列表选择框，供用户选择。

　　方式一：

　　在layout里添加Spinner控件，entries表示引入的元素。

<Spinner
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:entries="@array/animal">

   </Spinner>

 

　　需要自己在values里面新建一个array.xml；

　　在字符串数组string-array里面添加item元素，并且给这个数组起名字为animal。

<resources>
    <string-array name="animal">
        <item>狗</item>
        <item>猫</item>
        <item>蛇</item>
        <item>老虎</item>
        <item>羊</item>
        <item>乌龟</item>
        <item>狮子</item>
    </string-array>
</resources>

   　　运行：

　　

　　点击一下：

　　

　　从众多选项中随机选择一个：

　　

 

 

 

　　方式二：

　　　这次删除掉entries，设置上id。

<Spinner
      android:id="@+id/llt_spinner"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       >

 

　　在MainActivity里获取Spinner，

　　这里有个新名词Adapter，适配器，包括：arrayAdapter ，simpleCursorAdapter， cursorAdapter resourceCursorAdapter 如果需要自定义适配器 可以扩展抽象类BaseAdapter；通俗点说就是，里面装着主视图看不见的东西，需要展开才会显示出来，我自己理解成抽屉。

　　new ArrayAdapter<String>（），里面的参数有四个，第一个是上下文，这里填写this；第二个是布局id，这里引用的android自带的布局；第三个是布局里的TextView的id，既然用的android的layout，那就要用android.R.layout.simple_spinner_dropdown_item里的TextView，Windows系统按住Ctrl键点击左键查看里面的TextView的id；第四个是要填写你想在里面展现的数据，这里用字符串数组。

　　当然，我们可以不用系统的布局，大不了就是看起来不好看点罢了。一会儿试试自己定义的布局啥样。

public class MainActivity extends AppCompatActivity {

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

        Spinner spinner = (Spinner) findViewById(R.id.llt_spinner);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_spinner_dropdown_item,
                android.R.id.text1,new String[]{"狗","猫","老虎","狮子","长颈鹿"});
        spinner.setAdapter(adapter);
    }
}

 

　　运行：

　　

　　点开：

　　

　　选择乌龟：

　　

 　　跟第一个方法效果一样；

 

 

　　引入自己定义的布局：

　　新建布局：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="vertical"
              android:layout_width="match_parent"
              android:layout_height="match_parent">
    <TextView
        android:id="@+id/text_my"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

</LinearLayout>

 

 　　改动代码：

public class MainActivity extends AppCompatActivity {

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

        Spinner spinner = (Spinner) findViewById(R.id.llt_spinner);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,R.layout.layout_my,
                R.id.text_my,new String[]{"狗","猫","老虎","狮子","长颈鹿"});
        spinner.setAdapter(adapter);
    }

 

　　查看效果区别：

　　

　　是丑了点，但是可以用!

 

 

• AlertDialog：在当前界面弹出的对话框

 

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button btn = (Button) findViewById(R.id.btn_button);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
                dialog.setTitle("这是一个窗口");//标题
                dialog.setMessage("这是内容。。。。。。。");//内容
                dialog.setCancelable(false);//是否可以直接取消这个对话框 
                dialog.setPositiveButton("确定", new DialogInterface.OnClickListener() {//确定按钮 的 监听事件
                    @Override
                    public void onClick(DialogInterface dialog, int which) {

                    }
                });
                dialog.setNegativeButton("取消", new DialogInterface.OnClickListener() { //取消按钮的监听事件
                    @Override
                    public void onClick(DialogInterface dialog, int which) {

                    }
                });
                dialog.show();


            }
        });
    }
}

  

 

 

 

 

• ProgressDialog：表示让用户等待的对话框

　　setCancelable(false)这个地方一定得弄好，比如加载完程序就把这个关掉，否则你是无法关掉这个对话框的

public class MainActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        Button btn = (Button) findViewById(R.id.btn_button);
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                ProgressDialog dialog = new ProgressDialog(MainActivity.this);
                dialog.setTitle("这是一个窗口");//标题
                dialog.setMessage("这是内容。。。。。。。");//内容
                dialog.setCancelable(false);//是否可以直接取消这个对话框
                dialog.show();


            }
        });
    }