快捷導(dǎo)航

Android自定義PopWindow實(shí)現(xiàn)QQ、微信彈出菜單效果

更新時間：2018年04月25日 10:53:11 作者：愛吃魚的老虎

這篇文章主要為大家詳細(xì)介紹了Android自定義PopWindow實(shí)現(xiàn)QQ、微信彈出菜單效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下

前段時間在個人開發(fā)的項(xiàng)目中需要用到彈出菜單，類似QQ右上角的彈出菜單，自己使用popwin的次數(shù)也不是很多，其中也遇到過一點(diǎn)問題，今天正好有時間就把一些經(jīng)驗(yàn)分享給大家。

先來看看最終實(shí)現(xiàn)過后的效果怎么樣，下面放上圖

自定義的彈出菜單是繼承的popwin，并不是view 因?yàn)闆]有必要重復(fù)造車輪，如果想要實(shí)現(xiàn)某種特殊的效果另說。首先創(chuàng)建類MyPopWindow繼承Popwindow。

public class MyPopWindow extends PopupWindow implements View.OnClickListener {
 private Context context;
 private View view;
 private LinearLayout scan;
 private LinearLayout add;
 public MyPopWindow(Context context) {
 this(context, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
 }

 public MyPopWindow(Context context, int width, int height) {
 super(context);
 this.context = context;
 setWidth(width);
 setHeight(height);
 setFocusable(true);
 setOutsideTouchable(true);
 setTouchable(true);
 view = LayoutInflater.from(context).inflate(R.layout.layout_mypopwin,null);
 setContentView(view);
 scan = (LinearLayout) view.findViewById(R.id.scan);
 add = (LinearLayout) view.findViewById(R.id.add);
 }

 @Override
 public void onClick(View view) {
 switch (view.getId()){
  case R.id.scan:

  break;
  case R.id.add:

  break;
 }
 }
}

下面給出最開始的布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="match_parent"
 android:layout_height="match_parent">
 <LinearLayout
 android:id="@+id/scan"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content">
 <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="掃一掃"
  android:textSize="16sp"/>
 </LinearLayout>
 <View
 android:layout_width="wrap_content"
 android:layout_height="0.5dp"
 android:background="#cdcdcd"/>
 <LinearLayout
 android:id="@+id/add"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content">
 <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="加好友"
  android:textSize="16sp"/>
 </LinearLayout>
</LinearLayout>

在activity中調(diào)用自定義彈出菜單看看目前的效果

調(diào)用的代碼MyPopWindow win = new MyPopWindow (MainActivity.this, 200,150);指定了彈出菜單的寬高，如果不給就會默認(rèn)給出wrap_content，就會沾滿整個屏幕的寬度。這個樣子還是比較簡陋，現(xiàn)在在布局文件中加上.9圖的背景圖，在來看看效果

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="@drawable/title_function_bg">
 <LinearLayout
 android:id="@+id/scan"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content">
 <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="掃一掃"
  android:textSize="16sp"/>
 </LinearLayout>
 <View
 android:layout_width="wrap_content"
 android:layout_height="0.5dp"
 android:background="#cdcdcd"/>
 <LinearLayout
 android:id="@+id/add"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content">
 <TextView
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:text="加好友"
  android:textSize="16sp"/>
 </LinearLayout>
</LinearLayout>

運(yùn)行后的效果

美觀了一點(diǎn)，但是背景后面還有背景什么情況，那么問題來了，怎么解決這個問題？那就需要在popwin的構(gòu)造方法中加入setBackgroundDrawable(new BitmapDrawable())，難看的方形背景就會消失了。

接近目標(biāo)效果了，現(xiàn)在的問題是，每次增加一個菜單項(xiàng)都要手動的定制寬高很煩人，想讓它自己適應(yīng)高度、寬度，所以那就得修改布局文件了，想想android能夠自由增加item的控件不少，首先想到的就是listview。修改布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:orientation="vertical" android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:background="@drawable/title_function_bg">
 <ListView
 android:id="@+id/title_list"
 android:layout_width="120dp"
 android:layout_height="fill_parent"
 android:cacheColorHint="#00000000"
 android:divider="@drawable/popu_line"
 android:padding="3dp"
 android:scrollingCache="false"
 android:listSelector="@drawable/title_list_selector"/>
</LinearLayout>

然后修改自定義的popwindow

public class CustomWin extends PopupWindow {
 private Context context;
 private View view;
 private ListView listView;
 private List<String> list;

 public CustomWin(Context context) {
 this(context, ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
 }

 public CustomWin(Context context, int with, int height) {
 this.context = context;
 setWidth(with);
 setHeight(height);
 //設(shè)置可以獲得焦點(diǎn)
 setFocusable(true);
 //設(shè)置彈窗內(nèi)可點(diǎn)擊
 setTouchable(true);
 //設(shè)置彈窗外可點(diǎn)擊
 setOutsideTouchable(true);
 setBackgroundDrawable(new BitmapDrawable());
 view = LayoutInflater.from(context).inflate(R.layout.popwin_menu,null);
 setContentView(view);
 setAnimationStyle(R.style.popwin_anim_style);
 initData();
 }

 private void initData() {
 listView = (ListView) view.findViewById(R.id.title_list);
 list = new ArrayList<String>();
 list.add("添加好友");
 list.add("掃一掃");
 list.add("支付寶");
 list.add("視頻聊天");
 //設(shè)置列表的適配器
 listView.setAdapter(new BaseAdapter() {
 @Override
 public View getView(int position, View convertView, ViewGroup parent) {
 TextView textView = null;

 if (convertView == null) {
  textView = new TextView(context);
  textView.setTextColor(Color.rgb(255,255,255));
  textView.setTextSize(14);
  //設(shè)置文本居中
  textView.setGravity(Gravity.CENTER);
  //設(shè)置文本域的范圍
  textView.setPadding(0, 13, 0, 13);
  //設(shè)置文本在一行內(nèi)顯示（不換行）
  textView.setSingleLine(true);
 } else {
  textView = (TextView) convertView;
 }
 //設(shè)置文本文字
 textView.setText(list.get(position));
 //設(shè)置文字與圖標(biāo)的間隔
 textView.setCompoundDrawablePadding(0);
 //設(shè)置在文字的左邊放一個圖標(biāo)
 textView.setCompoundDrawablesWithIntrinsicBounds(R.mipmap., null, null, null);

 return textView;
 }

 @Override
 public long getItemId(int position) {
 return position;
 }

 @Override
 public Object getItem(int position) {
 return list.get(position);
 }

 @Override
 public int getCount() {
 return list.size();
 }
 });
 }
}

最終效果：

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

AndroidStudio 設(shè)置格式化斷行寬度教程
這篇文章主要介紹了AndroidStudio 設(shè)置格式化斷行寬度教程，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2020-03-03
Android Wear計(jì)時器開發(fā)
這篇文章主要介紹了Android Wear計(jì)時器開發(fā),需要的朋友可以參考下
2014-11-11
Android編程實(shí)現(xiàn)帶有單選按鈕和復(fù)選按鈕的dialog功能示例
這篇文章主要介紹了Android編程實(shí)現(xiàn)帶有單選按鈕和復(fù)選按鈕的dialog功能,結(jié)合具體實(shí)例形式分析了Android實(shí)現(xiàn)帶有單選按鈕的dialog對話框及帶有復(fù)選按鈕的dialog對話框相關(guān)操作技巧,需要的朋友可以參考下
2017-09-09
Android自定義Dialog內(nèi)部透明、外部遮罩效果
這篇文章主要為大家詳細(xì)介紹了Android自定義Dialog內(nèi)部透明、外部遮罩效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2018-10-10
Android開發(fā)系列二之窗口Activity的生命周期
這篇文章主要介紹了Android學(xué)習(xí)系列二之窗口Activity的生命周期的相關(guān)資料,需要的朋友可以參考下
2016-05-05
Android使用WebView播放flash的方法
這篇文章主要介紹了Android使用WebView播放flash及判斷是否安裝flash插件的方法,以實(shí)例形式詳細(xì)講述了從布局、邏輯判斷到功能最終實(shí)現(xiàn)播放Flash的方法,是Android程序設(shè)計(jì)中比較典型的應(yīng)用,需要的朋友可以參考下
2014-11-11
Android實(shí)現(xiàn)衛(wèi)星菜單效果
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)衛(wèi)星菜單效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-07-07
Android開發(fā)利器之pidcat安裝方式
pidcat 是Android屆JakeWharton大神開發(fā)的一款命令行工具，堪稱Android開發(fā)利器，它能方便Android程序猿捕獲日志，過濾日志，定位程序問題，超級好用。這篇文章給大家介紹了Android開發(fā)利器之pidcat,需要的朋友可以參考下
2019-05-05
這篇文章主要介紹了Android中創(chuàng)建一個透明的進(jìn)度對話框?qū)嵗?需要的朋友可以參考下
2014-05-05