第二章 UI组件

第二章 UI组件

宽度高度解析

android:layout_width="match_parent" 和父布局一样宽
android:layout_height="wrap_content" 刚好可以囊括组件的内容

常规线性布局模板

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >

    
</LinearLayout>

文本内容

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content" 
        android:gravity="center" 这是居中
        android:text="This is TextView"/>

文本输入框

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:hint="输入一些东西" 这是提示语
        android:maxLines="2" 最大可以显示的行数/>

获取文本框中的内容

EditText editText1 =(EditText) findViewById(R.id.edit_text);
String msg = editText1.getText().toString();
Toast.makeText(MainActivity.this, msg, Toast.LENGTH_SHORT).show();

图片

图片放在res/drawable这个文件夹里面

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/pkq" 存放的位置
        />

控件可见性

Android控件的可见属性。所有的 Android控件都具有这个属性，可以通过 android:visibility进行指定，可选值有三种，visible、invisible 和 gone。visible 表示控件是可见的，这个值是默认值，不指定 android:visibility 时，控件都是可见的。invisible 表示控件不可见，但是它仍然占据着原来的位置和大小，可以理解成控件变成透明状态了。gone 则表示控件不仅可见，而且不再占用任何屏幕空间。

通过代码来设置控件的可见性，使用的是setVisibility()方法，可以传入View.VISIBLE、View.INVISIBLE 和 View.GONE 三种值。

    private Button button1, button2,button4;
    private ImageView imageView1;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        button1 = findViewById(R.id.button_1);
        button2 = findViewById(R.id.button_2);
        imageView1 = findViewById(R.id.image1);
        button1.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                imageView1.setVisibility(View.VISIBLE); //将其设为可见
            }
        });

        button2.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                imageView1.setVisibility(View.GONE); //将其设为不可见
            }
        });

弹出式对话框

AlertDialog

button4.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //用AlerDialog构造器生成一个dialog
                AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
                //标题
                dialog.setTitle("这是一个警示框");
                //内容
                dialog.setMessage("警示框的内容");
                //设置为false，按返回键不能退出。默认为true，返回键能退出
                dialog.setCancelable(false);
                //设置下面按钮名字和按下以后触发器,只能设置两个按钮（安卓约定）
                dialog.setPositiveButton("确定", new DialogInterface.OnClickListener() {
                    //触发的内容
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        Toast.makeText(MainActivity.this, "你点击了确定", Toast.LENGTH_SHORT).show();
                    }
                });
                dialog.setNegativeButton("取消", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        Toast.makeText(MainActivity.this, "你点击了取消", Toast.LENGTH_SHORT).show();
                    }
                });
                
                //这是最重要的，一定要设置才会显示出来，不然老是找不到错误的地方！
                dialog.show();
            }
        });

添加菜单添加菜单

先在res中创建menu文件夹，然后创建menu类型的xml文件

编辑main.xml文件，设置菜单布局

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<!--id为唯一标志符，title为菜单显示的名字-->
    <item android:id="@+id/add_item"
        android:title="Add"/>
    <item android:id="@+id/remove_item"
        android:title="Remove"/>
</menu>

然后在Activity文件中显示菜单和设置菜单的逻辑

显示菜单页面

    //显示菜单页面
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main, menu);
        return true;//返回true，表示允许创建的菜单显示出来
    }

菜单响应逻辑

    //菜单页面响应
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.add_item:
                Toast.makeText(this, "Click Add", Toast.LENGTH_SHORT).show();
                break;
            case R.id.remove_item:
                Toast.makeText(this, "Click Remove", Toast.LENGTH_SHORT).show();
                break;
            default:
        }
        return true;
    }