Android仿相册点击屏幕出现标题和底部菜单

自己在学习时实现的一个简单的效果，有点像平时管理相册图片时点一下屏幕就出来的两边菜单。

具体效果如下：





点击屏幕后出现菜单



点击了菜单中的按钮

主要就是使用了PopupWindow，注意要给每个PopupWindow加上setFocusable(false)和setOutsideTouchable(true)，这样才能在菜单出现后还可以点击屏幕使其消失。

具体代码：

package com.example.kid;

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.View;
import android.view.Window;
import android.view.View.OnClickListener;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.PopupWindow;
import android.widget.TextView;
import android.widget.Toast;

public class NewDraw extends Activity
{
private boolean isShow = false;
private boolean isSee = true;

private PopupWindow title;
private PopupWindow menu;
private LayoutInflater inflaterTitle;
private LayoutInflater inflaterMenu;
private View layoutTitle;
private View layoutMenu;

@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
getWindow().setFlags(WindowManager.LayoutParams. FLAG_FULLSCREEN,WindowManager.LayoutParams. FLAG_FULLSCREEN);
requestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.draw_newdraw);

//获取LayoutInflater，用于载入layout下的布局文件，类似于findViewById()
inflaterTitle  = (LayoutInflater)this.getSystemService(LAYOUT_INFLATER_SERVICE);
inflaterMenu  = (LayoutInflater)this.getSystemService(LAYOUT_INFLATER_SERVICE);
//载入PopupWindow的布局
View popTitleView = getLayoutInflater().inflate(R.layout.draw_newdrawpoptitle, null, false);
View popMenuView = getLayoutInflater().inflate(R.layout.draw_newdrawpopmenu, null, false);

final ImageButton seeButton = (ImageButton)popMenuView.findViewById(R.id.ImageButton03);
seeButton.setOnClickListener(new OnClickListener()
{
public void onClick(View v)
{
if(isSee == true)
{
seeButton.setImageResource(R.drawable.draw_nosee);
Toast.makeText(getApplicationContext(), "弹幕评论不可见", Toast.LENGTH_SHORT).show();
isSee = false;
}
else
{
seeButton.setImageResource(R.drawable.draw_see);
Toast.makeText(getApplicationContext(), "弹幕评论可见", Toast.LENGTH_SHORT).show();
isSee = true;
}
}
});

TextView imageTitle = (TextView)popTitleView.findViewById(R.id.textView1);

//设置PopupWindow的布局
menu =new PopupWindow(popMenuView, WindowManager.LayoutParams.WRAP_CONTENT,WindowManager.LayoutParams.WRAP_CONTENT,true);
title =new PopupWindow(popTitleView, WindowManager.LayoutParams.WRAP_CONTENT,WindowManager.LayoutParams.WRAP_CONTENT,true);

ImageView newImage = (ImageView)findViewById(R.id.image);
newImage.setOnClickListener(new OnClickListener()
{
public void onClick(View v)
{
if(isShow == true)
{
title.dismiss();
menu.dismiss();
isShow = false;
}
else
{
menu.showAtLocation(v, Gravity.BOTTOM,0,0); //设置menu位置在底部
menu.setFocusable(false);
menu.setOutsideTouchable(true);
menu.update();

title.showAtLocation(v, Gravity.TOP,0,0); //设置title位置在顶部
title.setFocusable(false);
title.setOutsideTouchable(true);
title.update();
isShow = true;
}
}
});
newImage.setImageResource(R.drawable.draw6);
imageTitle.setText("斑马");
}

}

draw_newdrawpoptitle布局文件：

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

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent" >

<TextView
android:id="@+id/textView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="7dp"
android:text="                  "
android:textColor="#ffffff"
android:textAppearance="?android:attr/textAppearanceMedium" />

</RelativeLayout>

</FrameLayout>

draw_newdrawpopmenu布局文件：

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

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent" >

<ImageButton
android:id="@+id/imageButton1"
android:layout_width="28dp"
android:layout_height="25dp"
android:layout_alignParentTop="true"
android:layout_marginLeft="20dp"
android:layout_marginTop="4dp"
android:layout_toRightOf="@+id/ImageButton03"
android:background="#000000"
android:scaleType="centerCrop"
android:src="@drawable/draw_comment" />

<ImageButton
android:id="@+id/ImageButton01"
android:layout_width="30dp"
android:layout_height="27dp"
android:layout_alignParentTop="true"
android:layout_marginLeft="20dp"
android:layout_marginTop="2dp"
android:layout_toRightOf="@+id/imageButton1"
android:background="#000000"
android:scaleType="centerCrop"
android:src="@drawable/draw_like" />

<ImageButton
android:id="@+id/ImageButton02"
android:layout_width="26dp"
android:layout_height="26dp"
android:layout_alignParentTop="true"
android:layout_marginLeft="20dp"
android:layout_marginTop="3dp"
android:layout_toRightOf="@+id/ImageButton01"
android:background="#000000"
android:scaleType="centerCrop"
android:src="@drawable/draw_save" />

<ImageButton
android:id="@+id/ImageButton03"
android:layout_width="30dp"
android:layout_height="22dp"
android:layout_alignParentTop="true"
android:layout_marginLeft="45dp"
android:layout_marginTop="4dp"
android:layout_toRightOf="@+id/textView1"
android:background="#000000"
android:scaleType="centerCrop"
android:src="@drawable/draw_see" />

</RelativeLayout>

</FrameLayout>

这里面的几个ImageButton都是一些小图标，替换一下就好了。