Android自定義彈出框的方法
在開發(fā)Android項目的過程中,彈出框真的是我們的常見的一種互動式窗體,但是Android系統(tǒng)自帶的彈出框往往都不能滿足我們的需要,大多數(shù)的時候需要我們自定義一種更漂亮的窗體來來展示給用戶。
接下來是我很久之前用的一個自定義彈出框,記錄一下,以便自己日后使用。
0、先來一張效果圖
1、先定義個一個繼承自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? ?* 時間 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)聽 ?? ??? ? */ ?? ??? ?public Builder setButtonCancel(String text, View.OnClickListener listener) { ?? ??? ??? ?btnCancel.setText(text); ?? ??? ??? ?mButtonCancelClickListener = listener; ?? ??? ??? ?return this; ?? ??? ?} ? ?? ??? ?/** ?? ??? ? * 設(shè)置確認(rèn)按鈕文字和監(jiān)聽 ?? ??? ? */ ?? ??? ?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("", "請點擊確認(rè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(); ?? ?}
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
- Android 多種簡單的彈出框樣式設(shè)置代碼
- Android實現(xiàn)可輸入數(shù)據(jù)的彈出框
- Android使用Dialog風(fēng)格彈出框的Activity
- react-native 封裝選擇彈出框示例(試用ios&android)
- Android中自定義PopupWindow實現(xiàn)彈出框并帶有動畫效果
- Android 仿微信朋友圈點贊和評論彈出框功能
- android自定義彈出框樣式的實現(xiàn)方法
- 高仿IOS的Android彈出框
- Android仿微信進度彈出框的實現(xiàn)方法
- Android編程實現(xiàn)仿QQ發(fā)表說說,上傳照片及彈出框效果【附demo源碼下載】
相關(guān)文章
Android 創(chuàng)建依賴庫的方法(保姆級教程)
這篇文章主要介紹了Android 創(chuàng)建依賴庫的方法(保姆級教程),本文通過圖文并茂的形式給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-01-01flutter ExpansionTile 層級菜單的實現(xiàn)
這篇文章主要介紹了flutter ExpansionTile 層級菜單的實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-07-07android使用ExpandableListView控件實現(xiàn)小說目錄效果的例子
這篇文章主要介紹了android使用ExpandableListView控件實現(xiàn)小說目錄效果的例子,還可以實現(xiàn)二級列表展示效果,需要的朋友可以參考下2014-07-07Android 使用registerReceiver注冊BroadcastReceiver案例詳解
這篇文章主要介紹了Android 使用registerReceiver注冊BroadcastReceiver案例詳解,本篇文章通過簡要的案例,講解了該項技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下2021-08-08Android自定義控件實現(xiàn)icon+文字的多種效果
這篇文章主要為大家詳細(xì)介紹了Android自定義控件實現(xiàn)icon+文字的多種效果,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-01-01