? Android左側(cè)推出導航菜單可以讓Activity繼承PopupWindow類來實現(xiàn)的彈出窗體，布局可以根據(jù)自己定義設計。彈出效果主要使用了translate和alpha樣式實現(xiàn)。具體的做法是下列代碼：
創(chuàng)新互聯(lián)公司始終堅持【策劃先行，效果至上】的經(jīng)營理念，通過多達10年累計超上千家客戶的網(wǎng)站建設總結(jié)了一套系統(tǒng)有效的推廣解決方案，現(xiàn)已廣泛運用于各行各業(yè)的客戶，其中包括：玻璃隔斷等企業(yè)，備受客戶贊揚。
第一步：設計彈出窗口xml:
Xml代碼??
?xml?version="1.0"?encoding="utf-8"???
RelativeLayout???
xmlns:android=""??
android:layout_width="fill_parent"??
android:layout_height="wrap_content"??
android:gravity="center_horizontal"??
android:orientation="vertical"??
LinearLayout???
android:id="@+id/pop_layout"??
android:layout_width="fill_parent"??
android:layout_height="wrap_content"??
android:gravity="center_horizontal"??
android:orientation="vertical"??
android:layout_alignParentBottom="true"??
android:background="@drawable/btn_style_alert_dialog_background"??
Button??
android:id="@+id/btn_take_photo"??
android:layout_marginLeft="20dip"??
android:layout_marginRight="20dip"??
android:layout_marginTop="20dip"??
android:layout_width="fill_parent"??
android:layout_height="wrap_content"??
android:text="拍照"??
android:background="@drawable/btn_style_alert_dialog_button"??
android:textStyle="bold"??
/??
Button??
android:id="@+id/btn_pick_photo"??
android:layout_marginLeft="20dip"??
android:layout_marginRight="20dip"??
android:layout_marginTop="5dip"???
android:layout_width="fill_parent"??
android:layout_height="wrap_content"??
android:text="從相冊選擇"??
android:background="@drawable/btn_style_alert_dialog_button"??
android:textStyle="bold"??
/??
Button??
android:id="@+id/btn_cancel"??
android:layout_marginLeft="20dip"??
android:layout_marginRight="20dip"??
android:layout_marginTop="15dip"???
android:layout_marginBottom="15dip"??
android:layout_width="fill_parent"??
android:layout_height="wrap_content"??
android:text="取消"??
android:background="@drawable/btn_style_alert_dialog_cancel"??
android:textColor="#ffffff"??
android:textStyle="bold"??
/??
/LinearLayout??
/RelativeLayout??
第二步：創(chuàng)建SelectPicPopupWindow類繼承PopupWindow：
Java代碼??
import?android.app.Activity;??
import?android.content.Context;??
import?android.graphics.drawable.ColorDrawable;??
import?android.view.LayoutInflater;??
import?android.view.MotionEvent;??
import?android.view.View;??
import?android.view.View.OnClickListener;??
import?android.view.View.OnTouchListener;??
import?android.view.ViewGroup.LayoutParams;??
import?android.widget.Button;??
import?android.widget.PopupWindow;??
public?class?SelectPicPopupWindow?extends?PopupWindow?{??
private?Button?btn_take_photo,?btn_pick_photo,?btn_cancel;??
private?View?mMenuView;??
public?SelectPicPopupWindow(Activity?context,OnClickListener?itemsOnClick)?{??
super(context);??
LayoutInflater?inflater?=?(LayoutInflater)?context??
.getSystemService(Context.LAYOUT_INFLATER_SERVICE);??
mMenuView?=?inflater.inflate(R.layout.alert_dialog,?null);??
btn_take_photo?=?(Button)?mMenuView.findViewById(R.id.btn_take_photo);??
btn_pick_photo?=?(Button)?mMenuView.findViewById(R.id.btn_pick_photo);??
btn_cancel?=?(Button)?mMenuView.findViewById(R.id.btn_cancel);??
//取消按鈕??
btn_cancel.setOnClickListener(new?OnClickListener()?{??
public?void?onClick(View?v)?{??
//銷毀彈出框??
dismiss();??
}??
});??
//設置按鈕監(jiān)聽??
btn_pick_photo.setOnClickListener(itemsOnClick);??
btn_take_photo.setOnClickListener(itemsOnClick);??
//設置SelectPicPopupWindow的View??
this.setContentView(mMenuView);??
//設置SelectPicPopupWindow彈出窗體的寬??
this.setWidth(LayoutParams.FILL_PARENT);??
//設置SelectPicPopupWindow彈出窗體的高??
this.setHeight(LayoutParams.WRAP_CONTENT);??
//設置SelectPicPopupWindow彈出窗體可點擊??
this.setFocusable(true);??
//設置SelectPicPopupWindow彈出窗體動畫效果??
this.setAnimationStyle(R.style.AnimBottom);??
//實例化一個ColorDrawable顏色為半透明??
ColorDrawable?dw?=?new?ColorDrawable(0xb0000000);??
//設置SelectPicPopupWindow彈出窗體的背景??
this.setBackgroundDrawable(dw);??
//mMenuView添加OnTouchListener監(jiān)聽判斷獲取觸屏位置如果在選擇框外面則銷毀彈出框??
mMenuView.setOnTouchListener(new?OnTouchListener()?{??
public?boolean?onTouch(View?v,?MotionEvent?event)?{??
int?height?=?mMenuView.findViewById(R.id.pop_layout).getTop();??
int?y=(int)?event.getY();??
if(event.getAction()==MotionEvent.ACTION_UP){??
if(yheight){??
dismiss();??
}??
}?????????????????
return?true;??
}??
});??
}??
}??
第三步：編寫MainActivity類實現(xiàn)測試：
Java代碼??
import?android.app.Activity;??
import?android.os.Bundle;??
import?android.view.Gravity;??
import?android.view.View;??
import?android.view.View.OnClickListener;??
import?android.widget.TextView;??
public?class?MainActivity?extends?Activity?{??
//自定義的彈出框類??
SelectPicPopupWindow?menuWindow;??
@Override??
public?void?onCreate(Bundle?savedInstanceState)?{??
super.onCreate(savedInstanceState);??
setContentView(R.layout.activity_main);??
TextView?tv?=?(TextView)?this.findViewById(R.id.text);??
//把文字控件添加監(jiān)聽，點擊彈出自定義窗口??
tv.setOnClickListener(new?OnClickListener()?{?????????????
public?void?onClick(View?v)?{??
//實例化SelectPicPopupWindow??
menuWindow?=?new?SelectPicPopupWindow(MainActivity.this,?itemsOnClick);??
//顯示窗口??
menuWindow.showAtLocation(MainActivity.this.findViewById(R.id.main),?Gravity.BOTTOM|Gravity.CENTER_HORIZONTAL,?0,?0);?//設置layout在PopupWindow中顯示的位置??
}??
});??
}??
//為彈出窗口實現(xiàn)監(jiān)聽類??
private?OnClickListener??itemsOnClick?=?new?OnClickListener(){??
public?void?onClick(View?v)?{??
menuWindow.dismiss();??
switch?(v.getId())?{??
case?R.id.btn_take_photo:??
break;??
case?R.id.btn_pick_photo:?????????????????
break;??
default:??
break;??
}??
}??
};??
}
? 上述的代碼實現(xiàn)了從底部彈出，也可以根據(jù)PopupWindow類設置從左下部彈出。
Android的對話框有兩種：PopupWindow和AlertDialog。它們的不同點在于：
AlertDialog的位置固定，而PopupWindow的位置可以隨意
AlertDialog是非阻塞線程的，而PopupWindow是阻塞線程的
PopupWindow的位置按照有無偏移分，可以分為偏移和無偏移兩種；按照參照物的不同，可以分為相對于某個控件（Anchor錨）和相對于父控件。具體如下
showAsDropDown(View anchor)：相對某個控件的位置（正左下方），無偏移
showAsDropDown(View anchor, int xoff, int yoff)：相對某個控件的位置，有偏移
showAtLocation(View parent, int gravity, int x, int y)：相對于父控件的位置（例如正中央Gravity.CENTER，下方Gravity.BOTTOM等），可以設置偏移或無偏移
點擊button彈出對話框菜單
import?android.app.Activity;
import?android.app.AlertDialog;
import?android.content.DialogInterface;
import?android.os.Bundle;
import?android.view.View;
import?android.view.View.OnClickListener;
import?android.widget.Button;
publicclass?choice?extends?Activity?{
private?Button?button;
/**?Called?when?the?activity?is?first?created.?*/
@Override
publicvoid?onCreate(Bundle?savedInstanceState)?{
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
button=(Button)findViewById(R.id.button1);
button.setOnClickListener(new?OnClickListener(){
@Override
publicvoid?onClick(View?arg0)?{
new?AlertDialog.Builder(choice.this)
.setTitle("choice")
.setItems(R.array.str_body,?new?DialogInterface.OnClickListener()?{
@Override
publicvoid?onClick(DialogInterface?arg0,?int?arg1)?{
//?TODO?Auto-generated?method?stub
String[]?aryshop=getResources().getStringArray(R.array.str_body);
new?AlertDialog.Builder(choice.this)
.setMessage(aryshop[arg1])
.setNegativeButton("ok",?new?DialogInterface.OnClickListener()?{
@Override
publicvoid?onClick(DialogInterface?arg0,?int?arg1)?{
//?TODO?Auto-generated?method?stub
}
}).show();
}
}).show();
//?TODO?Auto-generated?method?stub
}});
}
}
菜單項
?xmlversion="1.0"encoding="utf-8"?
resources
stringname="hello"Hello?World,?choice!/string
stringname="app_name"ChoiceMenu/string
stringname="strtitle"按我選擇：/string
stringname="str"你選擇的是：/string
arrayname="str_body"
item選項1/item
item選項2/item
item選項3/item
item選項4/item
item選項5/item
item選項6/item
/array
/resources
android 中讓菜單menu顯示在左上角，可以使用popupwindow技術(shù)，也就是懸浮菜單，設置默認的位置為左上角，如下代碼：
package?com.example.menutype;
import?android.app.ActionBar.LayoutParams;
import?android.app.Activity;
import?android.content.Context;
import?android.os.Bundle;
import?android.view.Gravity;
import?android.view.LayoutInflater;
import?android.view.Menu;
import?android.view.MenuItem;
import?android.view.View;
import?android.view.View.OnClickListener;
import?android.widget.Button;
import?android.widget.PopupWindow;
import?android.widget.PopupWindow.OnDismissListener;
import?android.widget.TextView;
import?android.widget.Toast;
/**
*?
*?@author?tr
*?@time?2014-3-10
*?@description?自定義菜單，下拉菜單樣式，添加動畫效果，重寫onMenuOpened()方法，自定義"menu"按鍵彈出菜單
*/
public?class?MainActivity?extends?Activity?implements?OnClickListener{
private?static?Toast?mToast;
private?static?Context?mContext;
private?PopupWindow?popupWindow?;
private?Button?btn_popupwindow;
private?View?mPopupWindowView;
@Override
protected?void?onCreate(Bundle?savedInstanceState)?{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mContext?=?this;
btn_popupwindow?=?(Button)?findViewById(R.id.btn_popupwindow);
btn_popupwindow.setOnClickListener(this);
initPopupWindow();
}
@Override
public?boolean?onCreateOptionsMenu(Menu?menu)?{
/**actionBar上更多按鈕*/
getMenuInflater().inflate(R.menu.main,?menu);
/**點擊menu，彈出菜單*/
/*
*?
*?add()方法的四個參數(shù)，依次是：
*?
*?1、組別，如果不分組的話就寫Menu.NONE,
*?
*?2、Id，這個很重要，Android根據(jù)這個Id來確定不同的菜單
*?
*?3、順序，那個菜單現(xiàn)在在前面由這個參數(shù)的大小決定
*?
*?4、文本，菜單的顯示文本
*/
menu.add(Menu.NONE,?Menu.FIRST?+?1,?1,?getResource(R.string.edit_text)).setIcon(
R.drawable.ic_edit);
//?setIcon()方法為菜單設置圖標，這里使用的是系統(tǒng)自帶的圖標，同學們留意一下,以
//?android.R開頭的資源是系統(tǒng)提供的，我們自己提供的資源是以R開頭的
menu.add(Menu.NONE,?Menu.FIRST?+?2,?2,?getResource(R.string.file)).setIcon(
R.drawable.ic_menu_file);
menu.add(Menu.NONE,?Menu.FIRST?+?3,?3,?getResource(R.string.about)).setIcon(
R.drawable.ic_menu_about);
return?true;
}
/**菜單打開時調(diào)用*/
@Override
public?boolean?onMenuOpened(int?featureId,?Menu?menu)?{
//?TODO?Auto-generated?method?stub
showToast("menu菜單打開："+featureId);
//點擊"menu"按鈕打開
if(featureId?==?0){
showPopupWindow();
}
return?super.onMenuOpened(featureId,?menu);//?返回為true?則顯示系統(tǒng)menu
// return?false;
}
/**menu菜單關閉時調(diào)用*/
@Override
public?void?onOptionsMenuClosed(Menu?menu)?{
//?TODO?Auto-generated?method?stub
super.onOptionsMenuClosed(menu);
showToast("menu菜單關閉");
}
@Override
public?boolean?onOptionsItemSelected(MenuItem?item)?{
//?TODO?Auto-generated?method?stub
switch(item.getItemId()){
case?Menu.FIRST?+?1:
case?R.id.action_edit:
showToast(getResource(R.string.edit_text));
break;
case?Menu.FIRST?+?2:
case?R.id.action_file:
showToast(getResource(R.string.file));
break;
case?R.id.action_favorite:
showToast(getResource(R.string.favorite));
break;
case?R.id.action_share:
showToast(getResource(R.string.share));
break;
case?Menu.FIRST?+?3:
case?R.id.action_about:
showToast(getResource(R.string.about));
break;
}
return?super.onOptionsItemSelected(item);
}
@Override
public?void?onClick(View?v)?{
switch(v.getId()){
case?R.id.btn_popupwindow:
showPopupWindow();
break;
case?R.id.textview_about:
showToast(getResource(R.string.about));
popupWindow.dismiss();
break;
case?R.id.textview_edit:
showToast(getResource(R.string.edit_text));
popupWindow.dismiss();
break;
case?R.id.textview_file:
showToast(getResource(R.string.file));
popupWindow.dismiss();
break;
}
}
/**顯示popupwindow*/
private?void?showPopupWindow(){
if(!popupWindow.isShowing()){
popupWindow.showAsDropDown(btn_popupwindow,?btn_popupwindow.getLayoutParams().width/2,?0);
}else{
popupWindow.dismiss();
}
}
/**
*?初始化popupwindow
*/
private?void?initPopupWindow(){
initPopupWindowView();
//初始化popupwindow，綁定顯示view，設置該view的寬度/高度
popupWindow?=?new?PopupWindow(mPopupWindowView,LayoutParams.WRAP_CONTENT,LayoutParams.WRAP_CONTENT);
popupWindow.setFocusable(true);
popupWindow.setOutsideTouchable(true);
//?這個是為了點擊“返回Back”也能使其消失，并且并不會影響你的背景；使用該方法點擊窗體之外，才可關閉窗體
popupWindow.setBackgroundDrawable(getResources().getDrawable(R.drawable.bitmap_book_read_chapterlist_repeat));
//Background不能設置為null，dismiss會失效
// popupWindow.setBackgroundDrawable(null);
//設置漸入、漸出動畫效果
// popupWindow.setAnimationStyle(R.style.popupwindow);
popupWindow.update();
//popupWindow調(diào)用dismiss時觸發(fā)，設置了setOutsideTouchable(true)，點擊view之外/按鍵back的地方也會觸發(fā)
popupWindow.setOnDismissListener(new?OnDismissListener()?{
@Override
public?void?onDismiss()?{
//?TODO?Auto-generated?method?stub
// showToast("關閉popupwindow");
}
});
}
一共兩種實現(xiàn)方式：
方式一：java代碼實現(xiàn)
@Override
public boolean onCreateOptionsMenu(Menu menu) {
/**
* 參數(shù)1：組的id
* 參數(shù)2：菜單的id
* 參數(shù)3：排列的順序
* 參數(shù)4：顯示菜單的文本
*/
menu.add(0, 0, 0, "你好");
menu.add(1, 1, 1, "不好");
return super.onCreateOptionsMenu(menu);
}
/**菜單的點擊事件*/
@Override
public boolean onOptionsItemSelected(MenuItem item) {
switch(item.getItemId()){
case 0:
Toast.makeText(this, "你選擇你好", Toast.LENGTH_LONG).show();
break;
case 1:
Toast.makeText(this, "你選擇不好", Toast.LENGTH_LONG).show();
break;
}
}
方式二：xml形式的菜單
步驟一：在res/menu目錄下新建xml文件
menu xmlns:android=""
xmlns:tools=""
tools:context="com.lifei.menu.MainActivity"
item
android:id="@+id/delete_menu_item"
android:orderInCategory="20"
android:title="@string/deletemunu"/
item
android:id="@+id/add_menu_item"
android:orderInCategory="19"
android:title="@string/addmunu"
menu
item
android:id="@+id/add_user_item"
android:orderInCategory="30"
android:title="@string/adduser"/
item
android:id="@+id/add_phone_item"
android:orderInCategory="31"
android:showAsAction="never"
android:title="@string/addhpone"/
/menu
/item
/menu
步驟二：在activity中
@Override
public boolean onCreateOptionsMenu(Menu menu) {
/**xml形式的menu菜單*/
getMenuInflater().inflate(R.menu.main, menu);
return super.onCreateOptionsMenu(menu);
}
點擊事件與方式一是一樣的
style name="AppBaseTheme" parent="@android:Theme.Holo.Light.DarkActionBar"
item name="android:actionMenuTextAppearance"@style/MyActionBar.MenuTextStyle/item
/style
style name="MyActionBar.MenuTextStyle"
parent="android:style/TextAppearance.Holo.Widget.ActionBar.Title"
item name="android:textColor"@color/white/item
item name="android:textStyle"bold/item
item name="android:textSize"16sp/item
/style
一般在 app\src\main\res\menu 文件夾下，是標準的xml文件。
在左側(cè)的menu文件夾中點擊右鍵，可以創(chuàng)建。
重慶分公司
重慶分公司
