Android 彈出框(EasyPopup)

膜拜大神:https://github.com/zyyoona7/EasyPopup

image.png

PopupWindow

對(duì) PopupWindow 的封裝枫绅,使得在項(xiàng)目中使用起來更加簡單恐锣、方便衣摩、快捷

項(xiàng)目特性

  • 鏈?zhǔn)秸{(diào)用:除了在傳統(tǒng)的 PopupWindow 使用方法之外還加入了更多的方法
  • 帶有相對(duì)于 AnchorView 的各個(gè)方位彈出的方法荠瘪,彈出 PopupWindow 更輕松贡蓖、更簡單
  • 支持 PopupWindow 彈出時(shí)背景變暗纺酸、指定 ViewGroup 背景變暗嘲碱、設(shè)置變暗顏色等 (API>=18)
  • 加入了簡單的生命周期方法金砍,自定義 PopupWindow、處理邏輯更方便悍汛、更清晰

效果圖

[圖片上傳失敗...(image-1d5381-1511419375560)]

倉庫依賴

Step 1. Add it in your root build.gradle at the end of repositories:

allprojects {
    repositories {
    //...
    maven { url 'https://jitpack.io' }
    }
}

Step 2. Add the dependency

dependencies {
    compile 'com.github.zyyoona7:EasyPopup:VERSION_CODE'
}

最新的VERSION_CODE

使用

1. 基本使用

創(chuàng)建 EasyPopup 對(duì)象

可以調(diào)用 setXxx() 方法進(jìn)行屬性設(shè)置捞魁,最后調(diào)用 createPopup() 方法實(shí)現(xiàn)對(duì)PopupWindow的初始化。

private EasyPopup mCirclePop;
mCirclePop = new EasyPopup(this)
        .setContentView(R.layout.layout_circle_comment)
        .setAnimationStyle(R.style.CirclePopAnim)
    //是否允許點(diǎn)擊PopupWindow之外的地方消失
        .setFocusAndOutsideEnable(true)
        .createPopup();

初始化 View

可以調(diào)用 getView() 方法來獲取 View 對(duì)象离咐。

TextView tvZan=mCirclePop.getView(R.id.tv_zan);
TextView tvComment=mCirclePop.getView(R.id.tv_comment);
tvZan.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        ToastUtils.showShort("贊");
        mCirclePop.dismiss();
    }
});

tvComment.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        ToastUtils.showShort("評(píng)論");
        mCirclePop.dismiss();
    }
});

顯示

相對(duì)于 view 位置顯示

/**
 * 相對(duì)anchor view顯示谱俭,適用 寬高不為match_parent
 *
 * @param anchor
 * @param vertGravity  垂直方向的對(duì)齊方式
 * @param horizGravity 水平方向的對(duì)齊方式
 * @param x            水平方向的偏移
 * @param y            垂直方向的偏移
 */
mCirclePop.showAtAnchorView(view, VerticalGravity.CENTER, HorizontalGravity.LEFT, 0, 0);

除了 showAtAnchorView() 方法,內(nèi)部還保留了 showAsDropDown()宵蛀、showAtLocation() 方法昆著。

注意:如果使用 VerticalGravity 和 HorizontalGravity 時(shí),請(qǐng)確保使用之后 PopupWindow 沒有超出屏幕邊界术陶,如果超出屏幕邊界凑懂,VerticalGravity 和 HorizontalGravity 可能無效,從而達(dá)不到你想要的效果梧宫。#4

方位注解介紹

垂直方向?qū)R:VerticalGravity

VerticalGravity.CENTER,//垂直居中
VerticalGravity.ABOVE,//anchor view之上
VerticalGravity.BELOW,//anchor view之下
VerticalGravity.ALIGN_TOP,//與anchor view頂部對(duì)齊
VerticalGravity.ALIGN_BOTTOM,//anchor view底部對(duì)齊

水平方向?qū)R:HorizontalGravity

HorizontalGravity.CENTER,//水平居中
HorizontalGravity.LEFT,//anchor view左側(cè)
HorizontalGravity.RIGHT,//anchor view右側(cè)
HorizontalGravity.ALIGN_LEFT,//與anchor view左邊對(duì)齊
HorizontalGravity.ALIGN_RIGHT,//與anchor view右邊對(duì)齊

2. 彈出 PopupWindow 并伴隨背景變暗

mCirclePop = new EasyPopup(this)
        .setContentView(R.layout.layout_circle_comment)
        .setAnimationStyle(R.style.CirclePopAnim)
    //是否允許點(diǎn)擊PopupWindow之外的地方消失
        .setFocusAndOutsideEnable(true)
    //允許背景變暗
    .setBackgroundDimEnable(true)
    //變暗的透明度(0-1)接谨,0為完全透明
        .setDimValue(0.4f)
    //變暗的背景顏色
    .setDimColor(Color.YELLOW)
    //指定任意 ViewGroup 背景變暗
    .setDimView(viewGroup)
        .createPopup();

備注:背景變暗效果只支持 4.2 以上的版本摆碉。

3. 點(diǎn)擊 PopupWindow 之外的地方不讓其消失

mCirclePop = new EasyPopup(this)
        .setContentView(R.layout.layout_circle_comment)
        .setAnimationStyle(R.style.CirclePopAnim)
    //是否允許點(diǎn)擊PopupWindow之外的地方消失,
    //設(shè)置為false點(diǎn)擊之外的地方不會(huì)消失脓豪,但是會(huì)響應(yīng)返回按鈕事件
        .setFocusAndOutsideEnable(false)
        .createPopup();

4. 自定義 PopupWindow

EasyPopup中自定義了三個(gè)生命周期:

  • onPopupWindowCreated():PopupWindow 對(duì)象初始化之后調(diào)用
  • onPopupWindowViewCreated(View contentView):PopupWindow 設(shè)置完 contentView 和寬高之后調(diào)用
  • onPopupWindowDismiss():PopupWindow dismiss 時(shí)調(diào)用

自定義 PopupWindow 需繼承 BaseCustomPopup 抽象類巷帝,實(shí)現(xiàn)內(nèi)部的兩個(gè)抽象方法:

  • initAttributes():可以在此方法中設(shè)置 PopupWindow 需要的屬性,該方法在 onPopupWindowCreated() 中調(diào)用
  • initViews():在此方法中初始化 view扫夜,該方法在 onPopupWindowViewCreated(View contentView) 中調(diào)用

示例

public class ComplexPopup extends BaseCustomPopup {
    private static final String TAG = "ComplexPopup";

    private Button mOkBtn;
    private Button mCancelBtn;

    protected ComplexPopup(Context context) {
        super(context);
    }


    @Override
    protected void initAttributes() {
        setContentView(R.layout.layout_complex, 
                       ViewGroup.LayoutParams.MATCH_PARENT, SizeUtils.dp2px(300));
        setFocusAndOutsideEnable(false)
            .setBackgroundDimEnable(true)
                .setDimValue(0.5f);
        //setXxx()
        //...
    }

    @Override
    protected void initViews(View view) {
        mOkBtn = getView(R.id.btn_ok);
        mCancelBtn = getView(R.id.btn_cancel);

        mOkBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
            }
        });

        mCancelBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dismiss();
            }
        });
    }

}
mComplexPopup = new ComplexPopup(this);
mComplexPopup.setDimView(mComplexBgDimView)
           .createPopup();

5. 其他方法介紹

方法名 作用 備注
setContentView(View contentView) 設(shè)置 contentView
setContentView(@LayoutRes int layoutId) 設(shè)置 contentView
setWidth(int width) 設(shè)置寬
setHeight(int height) 設(shè)置高
setAnchorView(View view) 設(shè)置目標(biāo) view
setVerticalGravity(@VerticalGravity int verticalGravity) 設(shè)置垂直方向?qū)R
setHorizontalGravity(@VerticalGravity int horizontalGravity) 設(shè)置水平方向?qū)R
setOffsetX(int offsetX) 設(shè)置水平偏移
setOffsetY(int offsetY) 設(shè)置垂直
setAnimationStyle(@StyleRes int animationStyle) 設(shè)置動(dòng)畫風(fēng)格
getContentView() 獲取PopupWindow中加載的view @Nullable
getContext() 獲取context @Nullable
getPopupWindow() 獲取PopupWindow對(duì)象 @Nullable
dismiss() 消失
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末楞泼,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子笤闯,更是在濱河造成了極大的恐慌堕阔,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件颗味,死亡現(xiàn)場離奇詭異超陆,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)浦马,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門侥猬,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人捐韩,你說我怎么就攤上這事【樾猓” “怎么了荤胁?”我有些...
    開封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長屎债。 經(jīng)常有香客問我仅政,道長,這世上最難降的妖魔是什么盆驹? 我笑而不...
    開封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任圆丹,我火速辦了婚禮,結(jié)果婚禮上躯喇,老公的妹妹穿的比我還像新娘辫封。我一直安慰自己,他們只是感情好廉丽,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開白布倦微。 她就那樣靜靜地躺著,像睡著了一般正压。 火紅的嫁衣襯著肌膚如雪欣福。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天焦履,我揣著相機(jī)與錄音拓劝,去河邊找鬼雏逾。 笑死,一個(gè)胖子當(dāng)著我的面吹牛郑临,可吹牛的內(nèi)容都是我干的栖博。 我是一名探鬼主播,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼牧抵,長吁一口氣:“原來是場噩夢啊……” “哼笛匙!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起犀变,我...
    開封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤妹孙,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后获枝,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蠢正,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了怖辆。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片例朱。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖雹舀,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情粗俱,我是刑警寧澤说榆,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站寸认,受9級(jí)特大地震影響签财,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜偏塞,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一唱蒸、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧灸叼,春花似錦神汹、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至沧卢,卻和暖如春蚁堤,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來泰國打工披诗, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留撬即,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓呈队,卻偏偏與公主長得像剥槐,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子宪摧,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容