用Android Studio做一个简单的弹出式菜单
PopupMenu用于实现点击按钮或者其他控件弹出子菜单。
如下效果图，当点击选择头像的按钮时，会弹出一个菜单，菜单里面有目录，每个目录都有点击事件去执行不同功能。由于按钮设置在底部，当底部空间不足时，会在上方弹出菜单。
接下来介绍一下怎么实现这个小功能。
1.在 activity_main.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:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<Button
android:id="@+id/bt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="上传头像"/>
</LinearLayout>2.既然要弹出菜单，那菜单也是需要布局的，所以现在定义一个菜单的布局，这个布局和 layout 布局不一样，因为这是一个 Menu 布局。
首先建 menu 的布局文件夹：右键res目录——>New——>Directory——>取名为menu。
然后在 menu 文件夹下创建 main.xml 文件：右键 menu 目录——>New——>Menu resource file——>取名为main。
在 main.xml 中写下如下代码，就是菜单的布局了，可以结合自己的要求灵活改动。
<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:id="@+id/take"
android:title="拍照"/>
<item
android:id="@+id/choose"
android:title="相册"/>
<item
android:id="@+id/exit"
android:title="取消"/>
</menu>现在就已经把菜单的布局写完了，接下来就要写点击事件和菜单的显示了。
2.事件处理代码在 MainActivity.java 中。代码如下：
package com.example.shinelon.headportrait;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.PopupMenu;
import android.widget.Toast;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
final Button button = (Button) findViewById(R.id.bt);
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
showPopupMenu(button);
}
});
}
//弹出按钮框
private void showPopupMenu(final View view) {
final PopupMenu popupMenu = new PopupMenu(this,view);
//menu 布局
popupMenu.getMenuInflater().inflate(R.menu.main,popupMenu.getMenu());
//点击事件
popupMenu.setOnMenuItemClickListener(new PopupMenu.OnMenuItemClickListener() {
@Override
public boolean onMenuItemClick(MenuItem item) {
switch (item.getItemId()) {
case R.id.take:
takePhoto();
break;
case R.id.choose:
choosePicture();
break;
case R.id.exit:
popupMenu.dismiss();
break;
default:
break;
}
return false;
}
});
//关闭事件
popupMenu.setOnDismissListener(new PopupMenu.OnDismissListener() {
@Override
public void onDismiss(PopupMenu menu) {
Toast.makeText(view.getContext(),"close",Toast.LENGTH_SHORT).show();
}
});
//显示菜单，不要少了这一步
popupMenu.show();
}
//拍照选择头像
private void takePhoto() {
//点击拍照选项执行的逻辑
}
//相册选择头像
private void choosePicture() {
//点击相册选项执行的逻辑
}
}ps：如果想要在菜单里添加子项，则只需要在相应的item（xml里）和点击事件添加即可。
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读