Android教程網
  1. 首頁
  2. Android 技術
  3. Android 手機
  4. Android 系統教程
  5. Android 游戲
 Android教程網 >> Android技術 >> 關於Android編程 >> Android編程之ICS式下拉菜單PopupWindow實現方法詳解(附源碼下載)

Android編程之ICS式下拉菜單PopupWindow實現方法詳解(附源碼下載)

編輯:關於Android編程

本文實例講述了Android編程之ICS式下拉菜單PopupWindow實現方法。分享給大家供大家參考,具體如下:

運行效果截圖如下:

右邊這個就是下拉菜單啦,看見有的地方叫他 ICS式下拉菜單,哎喲,不錯哦!

下面先講一下實現原理:

這種菜單實際上就是一個彈出式的菜單,於是我們想到android PopupWindow 類,給他設置一個view 在彈出來不就OK了嗎。

PopupWindow 的用法也很簡單

主要方法:

步驟1.new 一個實例出來,我們使用這個構造方法即可,
復制代碼 代碼如下:public PopupWindow (View contentView, int width, int height)
3個參數 你要顯示的view,顯示寬度,顯示高度
使用實例:

View view = LayoutInflater.from(context).inflate(R.layout.popmenu, null);
popupWindow = new PopupWindow(view, 100, LayoutParams.WRAP_CONTENT);

很簡單吧,不用多說,如果你這2句看不懂先看下基礎去咯。

步驟2:顯示出來
復制代碼 代碼如下:popupWindow.showAsDropDown(parent,10, 10);
參數:附著在哪個view(應該是根據這個parent來確定彈出位置),相對於parent的x軸偏移 ,相對於parent的y軸偏移

這2個步驟就可以吧他彈出來,下面注意幾個很重要的細節

注意下面所做的3條是為了使 點擊popuWindow 以外的區域能夠關閉它。

// 使其聚集
popupWindow.setFocusable(true);
// 設置允許在外點擊消失
popupWindow.setOutsideTouchable(true);
//刷新狀態(必須刷新否則無效)
popupWindow.update();

下面這點是為了使 按返回按鈕能夠關閉popuwindow

// 這個是為了點擊“返回Back”也能使其消失,並且並不會影響你的背景(很神奇的) 
popupWindow.setBackgroundDrawable(new BitmapDrawable());
//網上找的我也不知道為什麼

OK上面就介紹完了使用原理,知道了原理大家就可以自己做彈出菜單了對吧。

下面給大家分享我封裝好的 PopMenu 類

package com.tszy.wight;
import java.util.ArrayList;
import android.content.Context;
import android.graphics.drawable.BitmapDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.PopupWindow;
import android.widget.TextView;
import com.tszy.watergate.R;
public class PopMenu {
 private ArrayList<String> itemList;
 private Context context;
 private PopupWindow popupWindow ;
 private ListView listView;
 //private OnItemClickListener listener;
 public PopMenu(Context context) {
  // TODO Auto-generated constructor stub
  this.context = context;
  itemList = new ArrayList<String>(5);
  View view = LayoutInflater.from(context).inflate(R.layout.popmenu, null);
  //設置 listview
  listView = (ListView)view.findViewById(R.id.listView);
  listView.setAdapter(new PopAdapter());
  popupWindow = new PopupWindow(view, 100, LayoutParams.WRAP_CONTENT);
  popupWindow = new PopupWindow(view, 
    context.getResources().getDimensionPixelSize(R.dimen.popmenu_width),
    LayoutParams.WRAP_CONTENT);
  // 這個是為了點擊“返回Back”也能使其消失,並且並不會影響你的背景(很神奇的)
  popupWindow.setBackgroundDrawable(new BitmapDrawable());
 }
 //設置菜單項點擊監聽器
 public void setOnItemClickListener(OnItemClickListener listener) {
  //this.listener = listener;
  listView.setOnItemClickListener(listener);
 }
 //批量添加菜單項
 public void addItems(String[] items) {
  for (String s : items)
   itemList.add(s);
 }
 //單個添加菜單項
 public void addItem(String item) {
  itemList.add(item);
 }
 //下拉式 彈出 pop菜單 parent 右下角
 public void showAsDropDown(View parent) {
  popupWindow.showAsDropDown(parent, 10,
    //保證尺寸是根據屏幕像素密度來的
    context.getResources().getDimensionPixelSize(R.dimen.popmenu_yoff));
  // 使其聚集
  popupWindow.setFocusable(true);
  // 設置允許在外點擊消失
  popupWindow.setOutsideTouchable(true);
  //刷新狀態
  popupWindow.update();
 }
 //隱藏菜單
 public void dismiss() {
  popupWindow.dismiss();
 }
 // 適配器
 private final class PopAdapter extends BaseAdapter {
  @Override
  public int getCount() {
   // TODO Auto-generated method stub
   return itemList.size();
  }
  @Override
  public Object getItem(int position) {
   // TODO Auto-generated method stub
   return itemList.get(position);
  }
  @Override
  public long getItemId(int position) {
   // TODO Auto-generated method stub
   return position;
  }
  @Override
  public View getView(int position, View convertView, ViewGroup parent) {
   // TODO Auto-generated method stub
   ViewHolder holder;
   if (convertView == null) {
    convertView = LayoutInflater.from(context).inflate(R.layout.pomenu_item, null);
    holder = new ViewHolder();
    convertView.setTag(holder);
    holder.groupItem = (TextView) convertView.findViewById(R.id.textView);
   } else {
    holder = (ViewHolder) convertView.getTag();
   }
   holder.groupItem.setText(itemList.get(position));
   return convertView;
  }
  private final class ViewHolder {
   TextView groupItem;
  }
 }
}

這個類裡面引用到很多資源文件,布局文件,這些大家可以自己去實現,我就不貼上了。

具體代碼本站下載地址如下:

項目源碼

模擬服務器端源碼

希望本文所述對大家Android程序設計有所幫助。

  1. 上一頁:
  2. 下一頁:
熱門文章
閱讀排行版
Copyright © Android教程網 All Rights Reserved