前言

學(xué)習(xí)的時(shí)候要用到彈窗，但是又覺得i同自帶的彈窗樣式有點(diǎn)不太美觀，搜索資料后發(fā)現(xiàn)了FlycoDialog這個(gè)開源庫,效果很好，而且實(shí)現(xiàn)起來也比較方便。

先列舉一些比較好看的效果:

NormalListDialog

ActionSheetDialog

這篇文章主要來講一下他的自定義彈出對話框。

使用

添加依賴

compile 'com.flyco.dialog:FlycoDialog_Lib:1.3.2@aar'

編寫一個(gè)要顯示的彈窗的布局

android:layout_width="match_parent" android:layout_height="match_parent">

android:id="@+id/iv_customize"

android:layout_width="278dp"

android:layout_height="392dp"

android:layout_centerHorizontal="true"

android:layout_centerVertical="true"/>

android:id="@+id/ad_back"

android:layout_width="278dp"

android:layout_height="45dp"

android:layout_alignRight="@id/iv_customize"

android:layout_alignTop="@id/iv_customize"

android:background="#01ffffff"/>

這是一個(gè)非常簡單的界面，大的ImageView用來展示圖片，小的ImageView用來點(diǎn)擊然后使彈窗消失。

編寫彈窗的邏輯代碼

public class CustomBaseDialog extends BaseDialog {

private Context context;

private ImageView iv_customize;

private ImageView back;

public CustomBaseDialog(Context context) {

super(context);

this.context = context;

}

//該方法用來出來數(shù)據(jù)初始化代碼

@Override

public View onCreateView() {

widthScale(0.85f);

//填充彈窗布局

View inflate = View.inflate(context, R.layout.dialog_customize, null);

//用來放整個(gè)圖片的控件

iv_customize = (ImageView) inflate.findViewById(R.id.iv_customize);

//放在透明部分和錯(cuò)號上的隱形控件，用來點(diǎn)擊使彈窗消失

back = (ImageView) inflate.findViewById(R.id.back);

//用來加載網(wǎng)絡(luò)圖片，填充iv_customize控件，注意要添加網(wǎng)絡(luò)權(quán)限，和Picasso的依賴和混淆

Picasso.with(context)

.load("https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png")

.into(iv_customize);

return inflate;

}

//該方法用來處理邏輯代碼

@Override

public void setUiBeforShow() {

//點(diǎn)擊彈窗相應(yīng)位置，處理相關(guān)邏輯。

iv_customize.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

Toast.makeText(context,"哈哈",Toast.LENGTH_SHORT).show();

//處理完邏輯關(guān)閉彈框的代碼

dismiss();

}

});

//點(diǎn)×關(guān)閉彈框的代碼

back.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View v) {

//關(guān)閉彈框的代碼

dismiss();

}

});

}

}

編寫啟動彈窗的代碼

CustomBaseDialog customBaseDialog = new CustomBaseDialog(this);

customBaseDialog.onCreateView();

customBaseDialog.setUiBeforShow();

//點(diǎn)擊空白區(qū)域能不能退出

customBaseDialog.setCanceledOnTouchOutside(true);

//按返回鍵能不能退出

customBaseDialog.setCancelable(true);

customBaseDialog.show();

如果要處理一些比較復(fù)雜的邏輯可以通過CustomBaseDialog的構(gòu)造方法往彈窗中傳值，如下:

彈窗邏輯代碼的構(gòu)造方法：

public CustomBaseDialog(Context context, String general_Info, String love_Info, String iv_url) {

super(context);

this.context = context;

this.love_Info = love_Info;

this.iv_url = iv_url;

this.general_Info = general_Info;

}

啟動時(shí)再傳入數(shù)據(jù)即可

CustomBaseDialog customBaseDialog = new CustomBaseDialog(MainActivity.this, general_Info, love_Info, pic_url);

customBaseDialog.onCreateView();

customBaseDialog.setUiBeforShow();

//點(diǎn)擊空白區(qū)域能不能退出

customBaseDialog.setCanceledOnTouchOutside(true);

//按返回鍵能不能退出

customBaseDialog.setCancelable(true);

customBaseDialog.show();

這個(gè)開源庫還有非常非常多的動畫效果，可以好好探索。

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎

總結(jié)

以上是生活随笔為你收集整理的android自定义弹出对话框,使用FlyDialog实现自定义Android弹窗对话框的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。