PopupWindowMenuUtil【popupwindow樣式菜單項列表】

版權聲明:本文爲HaiyuKing原創文章,轉載請註明出處!java

前言

實現PopupWindow樣式的Menu菜單。android

效果圖

代碼分析

使用PopupWindow實現。git

列表使用的是Recyclerview。github

實現了當設置當大於6個列表項的時候,設置列表總高度值爲6個列表項的高度值。app

若是不想有左側的圖標,則不傳入圖片的id值便可,由於默認值爲0。ide

使用步驟

1、項目組織結構圖

注意事項:佈局

一、  導入類文件後須要change包名以及從新import R文件路徑gradle

二、  Values目錄下的文件(strings.xml、dimens.xml、colors.xml等),若是項目中存在,則複製裏面的內容,不要整個覆蓋ui

2、導入步驟

在APP中的bundle.gradle文件中添加如下代碼,引入design【版本號跟appcompat-v7的保持一致】

apply plugin: 'com.android.application'

android {
    compileSdkVersion 27
    defaultConfig {
        applicationId "com.why.project.popupwindowmenuutildemo"
        minSdkVersion 16
        targetSdkVersion 27
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:27.1.1'
    implementation 'com.android.support.constraint:constraint-layout:1.1.1'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'

    //RecyclerView compile "com.android.support:recyclerview-v7:27.1.1"
}

將popupwindowMenu包中的文件複製到項目中

將popup_menu_bg.9.png文件複製到項目的drawable-xhdpi中

將佈局文件複製到項目中

至此,PopupWindowMenuUtil就能夠使用了。this

3、使用方法

activity_main佈局文件

<?xml version="1.0" encoding="utf-8"?>
<!-- 界面佈局文件 -->
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!-- 引入導航欄 -->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="52dp"
        android:orientation="horizontal"
        android:background="#ffffff"
        >

        <!-- 固定圖標(更多) -->
        <ImageView
            android:id="@+id/moreImg"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@drawable/nav_more_h"
            android:contentDescription="@string/app_name"
            android:gravity="center_vertical"
            android:paddingLeft="15dp"
            android:paddingRight="15dp"
            android:layout_alignParentRight="true"
            />

    </RelativeLayout>
    <!-- 中橫線 -->
    <View
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#e9e9e9"
        />

</LinearLayout>

MainActivity文件

package com.why.project.popupwindowmenuutildemo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.ImageView;
import android.widget.Toast;

import com.why.project.popupwindowmenuutildemo.popupwindowMenu.PopUpMenuBean;
import com.why.project.popupwindowmenuutildemo.popupwindowMenu.PopupWindowMenuUtil;

import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

    /**更多圖標*/
    private ImageView mMoreImg;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        initViews();
        initEvents();
    }

    private void initViews() {
        mMoreImg = (ImageView)findViewById(R.id.moreImg);
    }

    private void initEvents() {
        mMoreImg.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                openMenu();//彈出更多操做的menu列表
            }
        });
    }

    //彈出更多操做的menu列表
    private void openMenu(){
        final ArrayList<PopUpMenuBean> menuList = new ArrayList<PopUpMenuBean>(); PopUpMenuBean popUpMenuBean = new PopUpMenuBean(); popUpMenuBean.setImgResId(R.drawable.nav_menu_share); popUpMenuBean.setItemStr("分享"); menuList.add(popUpMenuBean); PopUpMenuBean popUpMenuBean1 = new PopUpMenuBean(); popUpMenuBean1.setImgResId(R.drawable.nav_menu_fabu); popUpMenuBean1.setItemStr("發佈"); menuList.add(popUpMenuBean1); PopupWindowMenuUtil.showPopupWindows(MainActivity.this, mMoreImg, menuList, new PopupWindowMenuUtil.OnListItemClickLitener() { @Override public void onListItemClick(int position) { //若是position == -1,預留位,用來標明是點擊彈出框外面的區域
                if(position != -1) { if(menuList.get(position).getItemStr().equals("發佈")){ Toast.makeText(MainActivity.this,"發佈",Toast.LENGTH_SHORT).show(); }else if(menuList.get(position).getItemStr().equals("分享")){ Toast.makeText(MainActivity.this,"分享",Toast.LENGTH_SHORT).show(); } } } });
    }
}

混淆配置

參考資料

暫時空缺

項目demo下載地址

https://github.com/haiyuKing/PopupWindowMenuUtilDemo

相關文章
相關標籤/搜索