Menu菜单和PopupWindow窗口

最新推荐文章于 2021-05-20 15:07:12 发布

黑客李黑蛋

最新推荐文章于 2021-05-20 15:07:12 发布

阅读量262

点赞数

分类专栏： Android

本文链接：https://blog.csdn.net/Lee_black_eggs/article/details/104553226

版权

Android 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

Menu菜单
1.系统菜单OptionsMenu
步骤流程：1
2.上下文菜单ContextMenu
3.弹出菜单
4,PopupWindow
常用的菜单

菜单	显示菜单	事件监听
系统菜单	onCreateOptionsMenu	onOptionsItemSelected
上下文菜单	AlertDialog.Builder()	setSingleChoiceItems()

1.系统菜单OptionsMenu
在这里插入图片描述
步骤流程：1
1.在res下面创建一个menu文件夹，并新建一个xml文件作为OptionMenu的布局文件

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
        <!--showAsAction属性：always总是  never 从不 ifroom 能显示就显示 默认是nerver-->
        <item android:id="@+id/blue" android:title="蓝色" app:showAsAction="never" ></item>
        <item android:id="@+id/red" android:title="红色" > </item>
        <item android:id="@+id/green" android:title="绿色" ></item>
</menu>

2.Activity重写onCreateOptionsMenu加载资源文件
3.Activity重写onOptionsItemSelected加设置事件监听

//步骤2：Activity重写onCreateOptionsMenu加载资源文件
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.options_menu,menu);
        return super.onCreateOptionsMenu(menu);
    }
    //步骤3：Activity重写onOptionsItemSelected设置事件监听
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        int id=item.getItemId();
        switch (id){
            case R.id.blue:
                textView.setTextColor(Color.parseColor("#2239A2"));
                break;
            case R.id.green:
                textView.setTextColor(Color.parseColor("#1BA233"));
                break;
            case R.id.red:
                textView.setTextColor(Color.parseColor("#A21C31"));
                break;
        }
        return super.onOptionsItemSelected(item);
    }

注意：一个Activity只有一个系统菜单
2.上下文菜单ContextMenu
在这里插入图片描述
步骤流程：
1.在res下面创建一个menu文件夹，并新建一个xml文件作为ContextMenu的布局文件，我们复用上面的menu布局
2.Activity重写onCreateConextMenu加载资源文件
3.Activity重写onConextItemSelected设置事件监听
4.为控件添加长按属性并将菜单绑定到这个控件上：registerForContextMenu(控件)

public class MainActivity extends AppCompatActivity {
    private TextView textView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        textView = (TextView) findViewById(R.id.text);
        //TODO 为控件添加长按属性并将菜单绑定到这个控件上
        registerForContextMenu(textView);
    }

    @Override
    public void onCreateContextMenu(ContextMenu menu, View v, ContextMenu.ContextMenuInfo menuInfo) {
        getMenuInflater().inflate(R.menu.options_menu, menu);
        super.onCreateContextMenu(menu, v, menuInfo);
    }

    @Override
    public boolean onContextItemSelected(MenuItem item) {
        int id = item.getItemId();
        switch (id) {
            case R.id.blue:
                textView.setTextColor(Color.parseColor("#2239A2"));
                break;
            case R.id.green:
                textView.setTextColor(Color.parseColor("#1BA233"));
                break;
            case R.id.red:
                textView.setTextColor(Color.parseColor("#A21C31"));
                break;
        }
        return super.onContextItemSelected(item);
    }
}

注意：长按绑定的控件+可以为任意一个view设置上下文菜单
3.弹出菜单
在这里插入图片描述
1.实现流程：
步骤1：在res下面创建一个menu文件夹，并新建一个xml文件作为PoupMenu的布局文件。
步骤2：把PopupMenu相关逻辑封装到showPopupMenu()方法中，包含PopupMenu的实例化、布局设置、显示、添加MenuItem的点击监听及响应等
步骤3：为控件设置事件监听直接调用showPopupMenu()方法
2.代码
（1）xml布局文件：activity_main2.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".Main2Activity"
    android:gravity="center">
    <TextView
        android:id="@+id/popup_tv"
        android:text="弹出菜单"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
</LinearLayout>

（2）Java代码：Main2Activity.java

 public class Main2Activity extends AppCompatActivity {
    private TextView view;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main2);
        view = (TextView) findViewById(R.id.popup_tv);
        view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                showPopupMenu();
            }
        });
    }
    //TODO 弹出菜单
    public void showPopupMenu(){
        //TODO  1:创建对象
        //参数一 上下文  参数二  菜单显示在指定控件的下方
        PopupMenu popupMenu= new PopupMenu(this,view);
        //TODO 2：记载布局
        popupMenu.inflate(R.menu.options_menu);
        //TODO 3:事件监听
        popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                int id=item.getItemId();
                switch (id){
                    case R.id.blue:
                        view.setTextColor(Color.parseColor("#2239A2"));
                        break;
                    case R.id.green:
                        view.setTextColor(Color.parseColor("#1BA233"));
                        break;
                    case R.id.red:
                        view.setTextColor(Color.parseColor("#A21C31"));
                        break;
                }
                return false;
            }
        });
        //TODO 4:显示
        popupMenu.show();
    }
}

注意：弹出菜单，默认弹出的位置在控件view的下方
4.PopupWindow
Activity的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".PopWindowActivity"
    android:orientation="vertical"
    >
    <RelativeLayout
        android:background="#C0CCCC"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        >
        <TextView
            android:gravity="center_vertical"
            android:textColor="#585656"
            android:textSize="20sp"
            android:layout_marginLeft="30dp"
            android:text="微信"
            android:layout_width="wrap_content"
            android:layout_height="match_parent" />

        <ImageView
            android:id="@+id/add"
            android:layout_alignParentRight="true"
            android:layout_marginRight="30dp"
            android:layout_marginTop="11dp"
            android:src="@drawable/star"
            android:layout_width="30dp"
            android:layout_height="30dp" />
    </RelativeLayout>


</LinearLayout>

Activity的代码布局

package com.example.day002;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.widget.ImageView;
import android.widget.PopupWindow;

public class PopWindowActivity extends AppCompatActivity {
    private ImageView add;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_pop_window);


        add = findViewById(R.id.add);
        add.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //创建对象
                PopupWindow popupWindow = new PopupWindow(PopWindowActivity.this);
                //加载布局
                View inflate = LayoutInflater.from(PopWindowActivity.this).inflate(R.layout.pop_layout, null);
                //设置三要素,缺一不可.
                popupWindow.setContentView(inflate);
                popupWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
                popupWindow.setWidth(600);

                //设置外部点击取消
                popupWindow.setOutsideTouchable(true);
                
                //设置弹出的位置
                popupWindow.showAsDropDown(add,0,0);
            }
        });
}
}

弹出窗体的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:background="#45494A"
    android:orientation="vertical">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:textColor="#fff"
            android:textSize="20sp"
            android:text="发起群聊"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="5dp"
        android:background="#fff">

    </View>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:textColor="#fff"
            android:textSize="20sp"
            android:gravity="center"
            android:text="发起群聊"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    </LinearLayout>
    <View
        android:layout_width="match_parent"
        android:layout_height="5dp"
        android:background="#fff">
    </View>
</LinearLayout>

进场动画
在这里插入图片描述

在代码中绑定动画

popupWindow.setAnimationStyle(R.style.pop_window);

最终版java代码

package com.example.day002;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast;

public class PopWindowActivity extends AppCompatActivity {
    private ImageView add;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_pop_window);


        add = findViewById(R.id.add);
        add.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                //创建对象
                PopupWindow popupWindow = new PopupWindow(PopWindowActivity.this);
                //加载布局
                View inflate = LayoutInflater.from(PopWindowActivity.this).inflate(R.layout.pop_layout, null);
                TextView textView = inflate.findViewById(R.id.text_1);
                textView.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View view) {
                        Toast.makeText(PopWindowActivity.this, "呵呵", Toast.LENGTH_SHORT).show();
                    }
                });


                //设置三要素,缺一不可.
                popupWindow.setContentView(inflate);
                popupWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
                popupWindow.setWidth(ViewGroup.LayoutParams.MATCH_PARENT);
                popupWindow.setOutsideTouchable(true);

                //设置窗体的透明度
                WindowManager.LayoutParams attributes = getWindow().getAttributes();
                attributes.alpha = 0.5f;
                getWindow().setAttributes(attributes);

                popupWindow.setAnimationStyle(R.style.pop_window);

                //设置取消的监听
                popupWindow.setOnDismissListener(new PopupWindow.OnDismissListener() {
                    @Override
                    public void onDismiss() {
                        WindowManager.LayoutParams attributes1 = getWindow().getAttributes();
                        attributes1.alpha = 1f;
                        getWindow().setAttributes(attributes1);
                    }
                });

                View inflate1 = LayoutInflater.from(PopWindowActivity.this).inflate(R.layout.activity_main, null);
                popupWindow.showAtLocation(inflate1, Gravity.CENTER,0,0);

            }
        });




    }

    private void method2() {
        //创建对象
        PopupWindow popupWindow = new PopupWindow(PopWindowActivity.this);
        //加载布局
        View inflate = LayoutInflater.from(PopWindowActivity.this).inflate(R.layout.pop_layout, null);
        //设置三要素,缺一不可.
        popupWindow.setContentView(inflate);
        popupWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
        popupWindow.setWidth(ViewGroup.LayoutParams.MATCH_PARENT);

        popupWindow.setOutsideTouchable(true);

        View inflate1 = LayoutInflater.from(PopWindowActivity.this).inflate(R.layout.activity_main, null);
        popupWindow.showAtLocation(inflate1, Gravity.BOTTOM,0,0);
    }

    private void method1() {
        //创建对象
        PopupWindow popupWindow = new PopupWindow(PopWindowActivity.this);
        //加载布局
        View inflate = LayoutInflater.from(PopWindowActivity.this).inflate(R.layout.pop_layout, null);
        //设置三要素,缺一不可.
        popupWindow.setContentView(inflate);
        popupWindow.setHeight(ViewGroup.LayoutParams.WRAP_CONTENT);
        popupWindow.setWidth(600);
        //设置外部点击取消
        popupWindow.setOutsideTouchable(true);
        //设置弹出的位置
        popupWindow.showAsDropDown(add,0,0);
    }
}