Android自定義彈出框的方法
在開(kāi)發(fā)Android項(xiàng)目的過(guò)程中,彈出框真的是我們的常見(jiàn)的一種互動(dòng)式窗體,但是Android系統(tǒng)自帶的彈出框往往都不能滿足我們的需要,大多數(shù)的時(shí)候需要我們自定義一種更漂亮的窗體來(lái)來(lái)展示給用戶。
接下來(lái)是我很久之前用的一個(gè)自定義彈出框,記錄一下,以便自己日后使用。
0、先來(lái)一張效果圖
1、先定義個(gè)一個(gè)繼承自Dialog的自定義彈框CustomDialog
import android.app.Dialog; import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.Button; import android.widget.TextView; ? /** ?* 作者 Aaron Zhao? ?* 時(shí)間 2015/9/16 11:21? ?* 名稱 CustomDialog.java 描述 ?*/ public class CustomDialog extends Dialog { ?? ?/* Constructor */ ?? ?private CustomDialog(Context context) { ?? ??? ?super(context); ?? ?} ? ?? ?private CustomDialog(Context context, int themeResId) { ?? ??? ?super(context, themeResId); ?? ?} ? ?? ?private CustomDialog(Context context, boolean cancelable, OnCancelListener cancelListener) { ?? ??? ?super(context, cancelable, cancelListener); ?? ?} ? ?? ?/* Builder */ ?? ?public static class Builder { ?? ??? ?private TextView tvTitle, tvWarning, tvInfo; ?? ??? ?private Button btnCancel, btnConfirm; ? ?? ??? ?private View mLayout; ?? ??? ?private View.OnClickListener mButtonCancelClickListener; ?? ??? ?private View.OnClickListener mButtonConfirmClickListener; ? ?? ??? ?private CustomDialog mDialog; ? ?? ??? ?public Builder(Context context) { ?? ??? ??? ?mDialog = new CustomDialog(context, R.style.custom_dialog); ?? ??? ??? ?LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); ?? ??? ??? ?// 加載布局文件 ?? ??? ??? ?mLayout = inflater.inflate(R.layout.dialog_custom, null, false); ?? ??? ??? ?// 添加布局文件到 Dialog ?? ??? ??? ?mDialog.addContentView(mLayout, new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT)); ? ?? ??? ??? ?tvTitle = (TextView) mLayout.findViewById(R.id.tv_title); ?? ??? ??? ?tvWarning = (TextView) mLayout.findViewById(R.id.tv_warning); ?? ??? ??? ?tvInfo = (TextView) mLayout.findViewById(R.id.tv_info); ?? ??? ??? ?btnCancel = (Button) mLayout.findViewById(R.id.btn_cancel); ?? ??? ??? ?btnConfirm = (Button) mLayout.findViewById(R.id.btn_confirm); ?? ??? ?} ? ?? ??? ?/** ?? ??? ? * 設(shè)置 Dialog 標(biāo)題 ?? ??? ? */ ?? ??? ?public Builder setTitle(String title) { ?? ??? ??? ?tvTitle.setText(title); ?? ??? ??? ?tvTitle.setVisibility(View.VISIBLE); ?? ??? ??? ?return this; ?? ??? ?} ? ?? ??? ?/** ?? ??? ? * 設(shè)置 Warning ?? ??? ? */ ?? ??? ?public Builder setWarning(String waring) { ?? ??? ??? ?tvWarning.setText(waring); ?? ??? ??? ?if (waring == null || waring.equals("")) { ?? ??? ??? ??? ?tvWarning.setVisibility(View.GONE); ?? ??? ??? ?} ?? ??? ??? ?return this; ?? ??? ?} ? ?? ??? ?/** ?? ??? ? * 設(shè)置 Info ?? ??? ? */ ?? ??? ?public Builder setInfo(String message) { ?? ??? ??? ?tvInfo.setText(message); ?? ??? ??? ?return this; ?? ??? ?} ? ?? ??? ?/** ?? ??? ? * 設(shè)置取消按鈕文字和監(jiān)聽(tīng) ?? ??? ? */ ?? ??? ?public Builder setButtonCancel(String text, View.OnClickListener listener) { ?? ??? ??? ?btnCancel.setText(text); ?? ??? ??? ?mButtonCancelClickListener = listener; ?? ??? ??? ?return this; ?? ??? ?} ? ?? ??? ?/** ?? ??? ? * 設(shè)置確認(rèn)按鈕文字和監(jiān)聽(tīng) ?? ??? ? */ ?? ??? ?public Builder setButtonConfirm(String text, View.OnClickListener listener) { ?? ??? ??? ?btnConfirm.setText(text); ?? ??? ??? ?mButtonConfirmClickListener = listener; ?? ??? ??? ?return this; ?? ??? ?} ? ?? ??? ?public CustomDialog create() { ?? ??? ??? ?btnCancel.setOnClickListener(new android.view.View.OnClickListener() { ?? ??? ??? ??? ?@Override ?? ??? ??? ??? ?public void onClick(View view) { ?? ??? ??? ??? ??? ?mDialog.dismiss(); ?? ??? ??? ??? ??? ?mButtonCancelClickListener.onClick(view); ?? ??? ??? ??? ?} ?? ??? ??? ?}); ? ?? ??? ??? ?btnConfirm.setOnClickListener(new android.view.View.OnClickListener() { ?? ??? ??? ??? ?@Override ?? ??? ??? ??? ?public void onClick(View view) { ?? ??? ??? ??? ??? ?mDialog.dismiss(); ?? ??? ??? ??? ??? ?mButtonConfirmClickListener.onClick(view); ?? ??? ??? ??? ?} ?? ??? ??? ?}); ? ?? ??? ??? ?mDialog.setContentView(mLayout); ?? ??? ??? ?mDialog.setCancelable(true);? ?? ??? ??? ?mDialog.setCanceledOnTouchOutside(false);? ?? ??? ??? ?return mDialog; ?? ??? ?} ?? ?} }
2、定義CustomDialo布局文件:dialog_custom
<?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:gravity="center" ? ? android:orientation="vertical"> ? ? ? <LinearLayout ? ? ? ? android:layout_width="300dp" ? ? ? ? android:layout_height="wrap_content" ? ? ? ? android:background="@drawable/rect_s_rounded_white" ? ? ? ? android:orientation="vertical"> ? ? ? ? ? <LinearLayout ? ? ? ? ? ? android:layout_width="match_parent" ? ? ? ? ? ? android:layout_height="wrap_content" ? ? ? ? ? ? android:layout_marginTop="@dimen/margin_10" ? ? ? ? ? ? android:layout_marginBottom="@dimen/margin_10" ? ? ? ? ? ? android:gravity="center" ? ? ? ? ? ? android:orientation="vertical"> ? ? ? ? ? ? ? <TextView ? ? ? ? ? ? ? ? android:id="@+id/tv_title" ? ? ? ? ? ? ? ? android:layout_width="wrap_content" ? ? ? ? ? ? ? ? android:layout_height="wrap_content" ? ? ? ? ? ? ? ? android:textSize="@dimen/size_18" ? ? ? ? ? ? ? ? android:textStyle="bold" /> ? ? ? ? </LinearLayout> ? ? ? ? ? <LinearLayout ? ? ? ? ? ? android:layout_width="match_parent" ? ? ? ? ? ? android:layout_height="wrap_content" ? ? ? ? ? ? android:orientation="vertical" ? ? ? ? ? ? android:padding="@dimen/padding_10"> ? ? ? ? ? ? ? <TextView ? ? ? ? ? ? ? ? android:id="@+id/tv_warning" ? ? ? ? ? ? ? ? android:layout_width="match_parent" ? ? ? ? ? ? ? ? android:layout_height="wrap_content" ? ? ? ? ? ? ? ? android:textColor="@android:color/holo_red_dark" ? ? ? ? ? ? ? ? android:textSize="@dimen/size_14" /> ? ? ? ? ? ? ? <TextView ? ? ? ? ? ? ? ? android:id="@+id/tv_info" ? ? ? ? ? ? ? ? android:layout_width="match_parent" ? ? ? ? ? ? ? ? android:layout_height="wrap_content" ? ? ? ? ? ? ? ? android:layout_marginTop="@dimen/margin_10" ? ? ? ? ? ? ? ? android:textColor="@android:color/black" ? ? ? ? ? ? ? ? android:textSize="@dimen/size_14" /> ? ? ? ? </LinearLayout> ? ? ? ? ? <LinearLayout ? ? ? ? ? ? android:layout_width="match_parent" ? ? ? ? ? ? android:layout_height="wrap_content" ? ? ? ? ? ? android:layout_marginTop="@dimen/margin_10" ? ? ? ? ? ? android:layout_marginBottom="@dimen/margin_10" ? ? ? ? ? ? android:gravity="center" ? ? ? ? ? ? android:orientation="horizontal" ? ? ? ? ? ? android:padding="@dimen/padding_10"> ? ? ? ? ? ? ? <Button ? ? ? ? ? ? ? ? android:id="@+id/btn_cancel" ? ? ? ? ? ? ? ? android:layout_width="110dp" ? ? ? ? ? ? ? ? android:layout_height="40dp" ? ? ? ? ? ? ? ? android:layout_marginRight="25dp" ? ? ? ? ? ? ? ? android:background="@drawable/button_gray_l_rounded_selector" ? ? ? ? ? ? ? ? android:textColor="@android:color/black" ? ? ? ? ? ? ? ? android:textSize="@dimen/size_14" /> ? ? ? ? ? ? ? <Button ? ? ? ? ? ? ? ? android:id="@+id/btn_confirm" ? ? ? ? ? ? ? ? android:layout_width="110dp" ? ? ? ? ? ? ? ? android:layout_height="40dp" ? ? ? ? ? ? ? ? android:background="@drawable/button_green_l_rounded_selector" ? ? ? ? ? ? ? ? android:textColor="@android:color/white" ? ? ? ? ? ? ? ? android:textSize="@dimen/size_14" /> ? ? ? ? </LinearLayout> ? ? </LinearLayout> ? </LinearLayout>
3、定義CustomDialog樣式文件:custom_dialog
<style name="custom_dialog" parent="@android:style/Theme.Dialog"> ? ? ? ? <item name="android:windowFrame">@null</item> ? ? ? ? <item name="android:windowIsFloating">true</item> ? ? ? ? <item name="android:windowIsTranslucent">true</item> ? ? ? ? <item name="android:windowNoTitle">true</item> ? ? ? ? <item name="android:background">#00000000</item> ? ? ? ? <item name="android:windowBackground">@color/transparent</item> ? ? ? ? <item name="android:backgroundDimEnabled">true</item> </style>
4、定義其中按鈕樣式:button_green_l_rounded_selector和button_gray_l_rounded_selector
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> ? ? ? <item android:state_pressed="true"> ? ? ? ? <shape android:shape="rectangle"> ? ? ? ? ? ? <stroke android:color="@android:color/transparent" android:width="0dp"></stroke> ? ? ? ? ? ? ? <gradient android:angle="180" ? ? ? ? ? ? ? ? android:endColor="@color/button_green" ? ? ? ? ? ? ? ? android:startColor="@color/button_green"></gradient> ? ? ? ? ? ? ? <corners android:radius="50dp"></corners> ? ? ? ? </shape> ? ? </item> ? ? ? <item android:state_focused="true"> ? ? ? ? <shape android:shape="rectangle"> ? ? ? ? ? ? <stroke android:color="@android:color/transparent" android:width="0dp"></stroke> ? ? ? ? ? ? ? <gradient android:angle="180" ? ? ? ? ? ? ? ? android:endColor="@color/button_green" ? ? ? ? ? ? ? ? android:startColor="@color/button_green"></gradient> ? ? ? ? ? ? ? <corners android:radius="50dp"></corners> ? ? ? ? </shape> ? ? </item> ? ? ? <item android:state_pressed="false"> ? ? ? ? <shape android:shape="rectangle"> ? ? ? ? ? ? <stroke android:color="@android:color/transparent" android:width="0dp"></stroke> ? ? ? ? ? ? ? <gradient android:angle="0" ? ? ? ? ? ? ? ? android:endColor="@color/button_green" ? ? ? ? ? ? ? ? android:startColor="@color/button_green"></gradient> ? ? ? ? ? ? ? <corners android:radius="50dp"></corners> ? ? ? ? </shape> ? ? </item> ? ? ? <item android:state_focused="false"> ? ? ? ? <shape android:shape="rectangle"> ? ? ? ? ? ? <stroke android:color="@android:color/transparent" android:width="0dp"></stroke> ? ? ? ? ? ? ? <gradient android:angle="0" ? ? ? ? ? ? ? ? android:endColor="@color/button_green" ? ? ? ? ? ? ? ? android:startColor="@color/button_green"></gradient> ? ? ? ? ? ? ? <corners android:radius="50dp"></corners> ? ? ? ? </shape> ? ? </item> ? </selector>
5、具體使用
private void showDialog() { ?? ??? ?OnClickListener onCancelClickListener = new OnClickListener() {?? ??? ??? ? ?? ??? ??? ?@Override ?? ??? ??? ?public void onClick(View v) { ?? ??? ??? ??? ?MyDialog.showToast(WarehouseAddActivity.this, "取消"); ?? ??? ??? ?} ?? ??? ?}; ?? ??? ? ?? ??? ?OnClickListener onConfimClickListener = new OnClickListener() {?? ??? ??? ? ?? ??? ??? ?@Override ?? ??? ??? ?public void onClick(View v) { ?? ??? ??? ??? ?MyDialog.showToast(WarehouseAddActivity.this, "確認(rèn)"); ?? ??? ??? ?} ?? ??? ?}; ?? ??? ? ?? ??? ?showInfoDialog("", "請(qǐng)點(diǎn)擊確認(rèn)進(jìn)行操作", "取消", onCancelClickListener, "確認(rèn)", onConfimClickListener); ?? ?} ? protected void showInfoDialog(String waring, String info, String cancelText, OnClickListener cancelOnClick, String confirmText, ?? ??? ??? ?OnClickListener confirmOnClick) { ?? ??? ?CustomDialog.Builder builder = new CustomDialog.Builder(this); ?? ??? ?builder.setTitle("提示"); ?? ??? ?builder.setWarning(waring); ?? ??? ?builder.setInfo(info); ?? ??? ?builder.setButtonCancel(cancelText, cancelOnClick); ?? ??? ?builder.setButtonConfirm(confirmText, confirmOnClick); ? ?? ??? ?CustomDialog customDialog = builder.create(); ?? ??? ?customDialog.show(); ?? ?}
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android 多種簡(jiǎn)單的彈出框樣式設(shè)置代碼
- Android實(shí)現(xiàn)可輸入數(shù)據(jù)的彈出框
- Android使用Dialog風(fēng)格彈出框的Activity
- react-native 封裝選擇彈出框示例(試用ios&android)
- Android中自定義PopupWindow實(shí)現(xiàn)彈出框并帶有動(dòng)畫(huà)效果
- Android 仿微信朋友圈點(diǎn)贊和評(píng)論彈出框功能
- android自定義彈出框樣式的實(shí)現(xiàn)方法
- 高仿IOS的Android彈出框
- Android仿微信進(jìn)度彈出框的實(shí)現(xiàn)方法
- Android編程實(shí)現(xiàn)仿QQ發(fā)表說(shuō)說(shuō),上傳照片及彈出框效果【附demo源碼下載】
相關(guān)文章
android商品詳情頁(yè)面設(shè)計(jì)詳解
這篇文章主要為大家詳細(xì)介紹了android商品詳情頁(yè)面設(shè)計(jì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-12-12android 線性布局LinearLayout實(shí)例代碼
android 線性布局LinearLayout實(shí)例代碼,需要的朋友可以參考一下2013-05-05Android 創(chuàng)建依賴庫(kù)的方法(保姆級(jí)教程)
這篇文章主要介紹了Android 創(chuàng)建依賴庫(kù)的方法(保姆級(jí)教程),本文通過(guò)圖文并茂的形式給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2021-01-01flutter實(shí)現(xiàn)磨砂玻璃效果實(shí)例詳解
這篇文章主要為大家介紹了flutter實(shí)現(xiàn)磨砂玻璃效果實(shí)例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11flutter ExpansionTile 層級(jí)菜單的實(shí)現(xiàn)
這篇文章主要介紹了flutter ExpansionTile 層級(jí)菜單的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07android使用ExpandableListView控件實(shí)現(xiàn)小說(shuō)目錄效果的例子
這篇文章主要介紹了android使用ExpandableListView控件實(shí)現(xiàn)小說(shuō)目錄效果的例子,還可以實(shí)現(xiàn)二級(jí)列表展示效果,需要的朋友可以參考下2014-07-07Android 使用registerReceiver注冊(cè)BroadcastReceiver案例詳解
這篇文章主要介紹了Android 使用registerReceiver注冊(cè)BroadcastReceiver案例詳解,本篇文章通過(guò)簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08Android自定義控件實(shí)現(xiàn)icon+文字的多種效果
這篇文章主要為大家詳細(xì)介紹了Android自定義控件實(shí)現(xiàn)icon+文字的多種效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-01-01