網站首頁 編程語言 正文
在開發Android項目的過程中,彈出框真的是我們的常見的一種互動式窗體,但是Android系統自帶的彈出框往往都不能滿足我們的需要,大多數的時候需要我們自定義一種更漂亮的窗體來來展示給用戶。
接下來是我很久之前用的一個自定義彈出框,記錄一下,以便自己日后使用。
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);
?? ??? ?}
?
?? ??? ?/**
?? ??? ? * 設置 Dialog 標題
?? ??? ? */
?? ??? ?public Builder setTitle(String title) {
?? ??? ??? ?tvTitle.setText(title);
?? ??? ??? ?tvTitle.setVisibility(View.VISIBLE);
?? ??? ??? ?return this;
?? ??? ?}
?
?? ??? ?/**
?? ??? ? * 設置 Warning
?? ??? ? */
?? ??? ?public Builder setWarning(String waring) {
?? ??? ??? ?tvWarning.setText(waring);
?? ??? ??? ?if (waring == null || waring.equals("")) {
?? ??? ??? ??? ?tvWarning.setVisibility(View.GONE);
?? ??? ??? ?}
?? ??? ??? ?return this;
?? ??? ?}
?
?? ??? ?/**
?? ??? ? * 設置 Info
?? ??? ? */
?? ??? ?public Builder setInfo(String message) {
?? ??? ??? ?tvInfo.setText(message);
?? ??? ??? ?return this;
?? ??? ?}
?
?? ??? ?/**
?? ??? ? * 設置取消按鈕文字和監聽
?? ??? ? */
?? ??? ?public Builder setButtonCancel(String text, View.OnClickListener listener) {
?? ??? ??? ?btnCancel.setText(text);
?? ??? ??? ?mButtonCancelClickListener = listener;
?? ??? ??? ?return this;
?? ??? ?}
?
?? ??? ?/**
?? ??? ? * 設置確認按鈕文字和監聽
?? ??? ? */
?? ??? ?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, "確認");
?? ??? ??? ?}
?? ??? ?};
?? ??? ?
?? ??? ?showInfoDialog("", "請點擊確認進行操作", "取消", onCancelClickListener, "確認", 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();
?? ?}
原文鏈接:https://blog.csdn.net/xiaogang107/article/details/108626335
相關推薦
- 2022-05-03 SQL?Server查詢某個字段在哪些表中存在_MsSql
- 2022-06-13 ASP.NET?Core?MVC中的模型(Model)_基礎應用
- 2022-07-28 C++圖文并茂講解繼承_C 語言
- 2023-06-19 圖文詳解Go中的channel_Golang
- 2022-10-23 C++繼承與菱形繼承詳細介紹_C 語言
- 2022-08-25 Python面向對象的三大特性封裝、繼承、多態_python
- 2022-06-02 Android?實例代碼帶你掌握FrameLayout_Android
- 2022-07-24 Nginx靜態壓縮和代碼壓縮提高訪問速度詳解_nginx
- 最近更新
-
- window11 系統安裝 yarn
- 超詳細win安裝深度學習環境2025年最新版(
- Linux 中運行的top命令 怎么退出?
- MySQL 中decimal 的用法? 存儲小
- get 、set 、toString 方法的使
- @Resource和 @Autowired注解
- Java基礎操作-- 運算符,流程控制 Flo
- 1. Int 和Integer 的區別,Jav
- spring @retryable不生效的一種
- Spring Security之認證信息的處理
- Spring Security之認證過濾器
- Spring Security概述快速入門
- Spring Security之配置體系
- 【SpringBoot】SpringCache
- Spring Security之基于方法配置權
- redisson分布式鎖中waittime的設
- maven:解決release錯誤:Artif
- restTemplate使用總結
- Spring Security之安全異常處理
- MybatisPlus優雅實現加密?
- Spring ioc容器與Bean的生命周期。
- 【探索SpringCloud】服務發現-Nac
- Spring Security之基于HttpR
- Redis 底層數據結構-簡單動態字符串(SD
- arthas操作spring被代理目標對象命令
- Spring中的單例模式應用詳解
- 聊聊消息隊列,發送消息的4種方式
- bootspring第三方資源配置管理
- GIT同步修改后的遠程分支