关闭

Android漂亮的对话框项目sweet-alert-dialog

标签: sweet-alert-dialog对话框
505人阅读 评论(0) 收藏 举报
分类:

转自http://blog.csdn.net/cauchyweierstrass/article/details/46335143

漂亮的对话框 sweet-alert-dialog

项目地址: https://github.com/pedant/sweet-alert-dialog

android原生的dialog太生硬了,之前看到了这个效果非常不错但是没有用过,今天给别人推荐使用,他遇到了问题,导入后错误非常多,也没有库工程。于是自己认真看了一下,这是个AndroidStudio的工程,并且里面还依赖于materialish-progress工程,也是个AS的工程。于是打算弄一个eclipse的版本并且将这两个工程融合在一起作为一个库工程XAlertDialogLibrary。使用时将其作为库导入项目中即可。

效果如下



使用起来非常简单,测试代码如下:

MainActivity.java

[java] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. public class MainActivity extends Activity implements View.OnClickListener {  
  2.   
  3.     private int i = -1;  
  4.   
  5.     @Override  
  6.     public void onCreate(Bundle savedInstanceState) {  
  7.         super.onCreate(savedInstanceState);  
  8.         setContentView(R.layout.activity_main);  
  9.         findViewById(R.id.basic_test).setOnClickListener(this);  
  10.         findViewById(R.id.under_text_test).setOnClickListener(this);  
  11.         findViewById(R.id.error_text_test).setOnClickListener(this);  
  12.         findViewById(R.id.success_text_test).setOnClickListener(this);  
  13.         findViewById(R.id.warning_confirm_test).setOnClickListener(this);  
  14.         findViewById(R.id.warning_cancel_test).setOnClickListener(this);  
  15.         findViewById(R.id.custom_img_test).setOnClickListener(this);  
  16.         findViewById(R.id.progress_dialog).setOnClickListener(this);  
  17.     }  
  18.   
  19.     @Override  
  20.     public void onClick(View v) {  
  21.         switch (v.getId()) {  
  22.             case R.id.basic_test:  
  23.                 // default title "Here's a message!"  
  24.                 SweetAlertDialog sd = new SweetAlertDialog(this);  
  25.                 sd.setCancelable(true);  
  26.                 sd.setCanceledOnTouchOutside(true);  
  27.                 sd.show();  
  28.                 break;  
  29.             case R.id.under_text_test:  
  30.                 new SweetAlertDialog(this)  
  31.                         .setContentText("It's pretty, isn't it?")  
  32.                         .show();  
  33.                 break;  
  34.             case R.id.error_text_test:  
  35.                 new SweetAlertDialog(this, SweetAlertDialog.ERROR_TYPE)  
  36.                         .setTitleText("Oops...")  
  37.                         .setContentText("Something went wrong!")  
  38.                         .show();  
  39.                 break;  
  40.             case R.id.success_text_test:  
  41.                 new SweetAlertDialog(this, SweetAlertDialog.SUCCESS_TYPE)  
  42.                         .setTitleText("Good job!")  
  43.                         .setContentText("You clicked the button!")  
  44.                         .show();  
  45.                 break;  
  46.             case R.id.warning_confirm_test:  
  47.                 new SweetAlertDialog(this, SweetAlertDialog.WARNING_TYPE)  
  48.                         .setTitleText("Are you sure?")  
  49.                         .setContentText("Won't be able to recover this file!")  
  50.                         .setConfirmText("Yes,delete it!")  
  51.                         .setConfirmClickListener(new SweetAlertDialog.OnSweetClickListener() {  
  52.                         @Override  
  53.                         public void onClick(SweetAlertDialog sDialog) {  
  54.                             // reuse previous dialog instance  
  55.                             sDialog.setTitleText("Deleted!")  
  56.                                     .setContentText("Your imaginary file has been deleted!")  
  57.                                     .setConfirmText("OK")  
  58.                                     .setConfirmClickListener(null)  
  59.                                     .changeAlertType(SweetAlertDialog.SUCCESS_TYPE);  
  60.                         }  
  61.                         })  
  62.                         .show();  
  63.                 break;  
  64.             case R.id.warning_cancel_test:  
  65.                 new SweetAlertDialog(this, SweetAlertDialog.WARNING_TYPE)  
  66.                         .setTitleText("Are you sure?")  
  67.                         .setContentText("Won't be able to recover this file!")  
  68.                         .setCancelText("No,cancel plx!")  
  69.                         .setConfirmText("Yes,delete it!")  
  70.                         .showCancelButton(true)  
  71.                         .setCancelClickListener(new SweetAlertDialog.OnSweetClickListener() {  
  72.                             @Override  
  73.                             public void onClick(SweetAlertDialog sDialog) {  
  74.                                 // reuse previous dialog instance, keep widget user state, reset them if you need  
  75.                                 sDialog.setTitleText("Cancelled!")  
  76.                                         .setContentText("Your imaginary file is safe :)")  
  77.                                         .setConfirmText("OK")  
  78.                                         .showCancelButton(false)  
  79.                                         .setCancelClickListener(null)  
  80.                                         .setConfirmClickListener(null)  
  81.                                         .changeAlertType(SweetAlertDialog.ERROR_TYPE);  
  82.   
  83.                                 // or you can new a SweetAlertDialog to show  
  84.                                /* sDialog.dismiss(); 
  85.                                 new SweetAlertDialog(SampleActivity.this, SweetAlertDialog.ERROR_TYPE) 
  86.                                         .setTitleText("Cancelled!") 
  87.                                         .setContentText("Your imaginary file is safe :)") 
  88.                                         .setConfirmText("OK") 
  89.                                         .show();*/  
  90.                             }  
  91.                         })  
  92.                         .setConfirmClickListener(new SweetAlertDialog.OnSweetClickListener() {  
  93.                             @Override  
  94.                             public void onClick(SweetAlertDialog sDialog) {  
  95.                                 sDialog.setTitleText("Deleted!")  
  96.                                         .setContentText("Your imaginary file has been deleted!")  
  97.                                         .setConfirmText("OK")  
  98.                                         .showCancelButton(false)  
  99.                                         .setCancelClickListener(null)  
  100.                                         .setConfirmClickListener(null)  
  101.                                         .changeAlertType(SweetAlertDialog.SUCCESS_TYPE);  
  102.                             }  
  103.                         })  
  104.                         .show();  
  105.                 break;  
  106.             case R.id.custom_img_test:  
  107.                 new SweetAlertDialog(this, SweetAlertDialog.CUSTOM_IMAGE_TYPE)  
  108.                         .setTitleText("Sweet!")  
  109.                         .setContentText("Here's a custom image.")  
  110.                         .setCustomImage(R.drawable.custom_img)  
  111.                         .show();  
  112.                 break;  
  113.             case R.id.progress_dialog:  
  114.                 final SweetAlertDialog pDialog = new SweetAlertDialog(this, SweetAlertDialog.PROGRESS_TYPE)  
  115.                         .setTitleText("Loading");  
  116.                 pDialog.show();  
  117.                 pDialog.setCancelable(false);  
  118.                 new CountDownTimer(800 * 7800) {  
  119.                     public void onTick(long millisUntilFinished) {  
  120.                         // you can change the progress bar color by ProgressHelper every 800 millis  
  121.                         i++;  
  122.                         switch (i){  
  123.                             case 0:  
  124.                                 pDialog.getProgressHelper().setBarColor(getResources().getColor(R.color.blue_btn_bg_color));  
  125.                                 break;  
  126.                             case 1:  
  127.                                 pDialog.getProgressHelper().setBarColor(getResources().getColor(R.color.material_deep_teal_50));  
  128.                                 break;  
  129.                             case 2:  
  130.                                 pDialog.getProgressHelper().setBarColor(getResources().getColor(R.color.success_stroke_color));  
  131.                                 break;  
  132.                             case 3:  
  133.                                 pDialog.getProgressHelper().setBarColor(getResources().getColor(R.color.material_deep_teal_20));  
  134.                                 break;  
  135.                             case 4:  
  136.                                 pDialog.getProgressHelper().setBarColor(getResources().getColor(R.color.material_blue_grey_80));  
  137.                                 break;  
  138.                             case 5:  
  139.                                 pDialog.getProgressHelper().setBarColor(getResources().getColor(R.color.warning_stroke_color));  
  140.                                 break;  
  141.                             case 6:  
  142.                                 pDialog.getProgressHelper().setBarColor(getResources().getColor(R.color.success_stroke_color));  
  143.                                 break;  
  144.                         }  
  145.                     }  
  146.   
  147.                     public void onFinish() {  
  148.                         i = -1;  
  149.                         pDialog.setTitleText("Success!")  
  150.                                 .setConfirmText("OK")  
  151.                                 .changeAlertType(SweetAlertDialog.SUCCESS_TYPE);  
  152.                     }  
  153.                 }.start();  
  154.                 break;  
  155.         }  
  156.     }  
  157. }  

activity_main.xml

[html] view plain copy
 在CODE上查看代码片派生到我的代码片
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <ScrollView android:layout_width="match_parent"  
  3.             android:layout_height="match_parent"  
  4.             android:background="#FFF"  
  5.             xmlns:android="http://schemas.android.com/apk/res/android">  
  6.   
  7.     <RelativeLayout android:layout_width="match_parent"  
  8.                     android:paddingBottom="10dp"  
  9.                   android:layout_height="wrap_content">  
  10.   
  11.         <ImageView  
  12.                android:id="@+id/logo_img"  
  13.                android:layout_width="180dp"  
  14.                android:layout_height="wrap_content"  
  15.                android:src="@drawable/logo_big"  
  16.                android:layout_marginTop="10dp"  
  17.                android:layout_marginBottom="15dp"  
  18.                android:layout_centerHorizontal="true"  
  19.                android:contentDescription="@string/app_name"/>  
  20.   
  21.         <TextView  
  22.             android:id="@+id/txt_0"  
  23.             android:layout_alignLeft="@id/logo_img"  
  24.             android:layout_below="@id/logo_img"  
  25.             android:layout_marginLeft="15dp"  
  26.             android:text="show material progress"  
  27.             android:layout_width="wrap_content"  
  28.             android:layout_height="wrap_content"  
  29.             android:textSize="14sp"  
  30.             android:textColor="#797979"/>  
  31.   
  32.         <Button  
  33.             android:layout_centerHorizontal="true"  
  34.             android:layout_below="@id/txt_0"  
  35.             android:id="@+id/progress_dialog"  
  36.             style="@style/dialog_blue_button"  
  37.             android:layout_margin="10dp"  
  38.             android:text="Try me!"/>  
  39.   
  40.         <TextView  
  41.             android:id="@+id/txt_1"  
  42.             android:layout_alignLeft="@id/logo_img"  
  43.             android:layout_below="@id/progress_dialog"  
  44.             android:layout_marginLeft="15dp"  
  45.             android:text="A basic message"  
  46.             android:layout_width="wrap_content"  
  47.             android:layout_height="wrap_content"  
  48.             android:textSize="14sp"  
  49.             android:textColor="#797979"/>  
  50.   
  51.         <Button  
  52.             android:layout_centerHorizontal="true"  
  53.             android:layout_below="@id/txt_1"  
  54.             android:id="@+id/basic_test"  
  55.             style="@style/dialog_blue_button"  
  56.             android:layout_margin="10dp"  
  57.             android:text="Try me!"/>  
  58.   
  59.         <TextView  
  60.                 android:id="@+id/txt_2"  
  61.                 android:layout_alignLeft="@id/logo_img"  
  62.                 android:layout_below="@id/basic_test"  
  63.                 android:layout_marginLeft="15dp"  
  64.                 android:text="A title with a text under"  
  65.                 android:layout_width="wrap_content"  
  66.                 android:layout_height="wrap_content"  
  67.                 android:textSize="14sp"  
  68.                 android:layout_marginTop="15dp"  
  69.                 android:textColor="#797979"/>  
  70.   
  71.         <Button  
  72.                 android:layout_centerHorizontal="true"  
  73.                 android:layout_below="@id/txt_2"  
  74.                 android:id="@+id/under_text_test"  
  75.                 style="@style/dialog_blue_button"  
  76.                 android:layout_margin="10dp"  
  77.                 android:text="Try me!"/>  
  78.   
  79.         <TextView  
  80.                 android:id="@+id/txt_3"  
  81.                 android:layout_alignLeft="@id/logo_img"  
  82.                 android:layout_below="@id/under_text_test"  
  83.                 android:layout_marginLeft="15dp"  
  84.                 android:text="show error message"  
  85.                 android:layout_width="wrap_content"  
  86.                 android:layout_height="wrap_content"  
  87.                 android:textSize="14sp"  
  88.                 android:layout_marginTop="15dp"  
  89.                 android:textColor="#797979"/>  
  90.   
  91.         <Button  
  92.                 android:layout_centerHorizontal="true"  
  93.                 android:layout_below="@id/txt_3"  
  94.                 android:id="@+id/error_text_test"  
  95.                 style="@style/dialog_blue_button"  
  96.                 android:layout_margin="10dp"  
  97.                 android:text="Try me!"/>  
  98.   
  99.         <TextView  
  100.                 android:id="@+id/txt_4"  
  101.                 android:layout_alignLeft="@id/logo_img"  
  102.                 android:layout_below="@id/error_text_test"  
  103.                 android:layout_marginLeft="15dp"  
  104.                 android:text="A success message"  
  105.                 android:layout_width="wrap_content"  
  106.                 android:layout_height="wrap_content"  
  107.                 android:textSize="14sp"  
  108.                 android:layout_marginTop="15dp"  
  109.                 android:textColor="#797979"/>  
  110.   
  111.         <Button  
  112.                 android:layout_centerHorizontal="true"  
  113.                 android:layout_below="@id/txt_4"  
  114.                 android:id="@+id/success_text_test"  
  115.                 style="@style/dialog_blue_button"  
  116.                 android:layout_margin="10dp"  
  117.                 android:text="Try me!"/>  
  118.   
  119.   
  120.         <TextView  
  121.                 android:id="@+id/txt_5"  
  122.                 android:layout_alignLeft="@id/logo_img"  
  123.                 android:layout_below="@id/success_text_test"  
  124.                 android:layout_marginLeft="15dp"  
  125.                 android:text="A warning message, with a listener bind to the Confirm-button..."  
  126.                 android:layout_width="200dp"  
  127.                 android:layout_height="wrap_content"  
  128.                 android:textSize="14sp"  
  129.                 android:layout_marginTop="15dp"  
  130.                 android:textColor="#797979"/>  
  131.   
  132.         <Button  
  133.                 android:layout_centerHorizontal="true"  
  134.                 android:layout_below="@id/txt_5"  
  135.                 android:id="@+id/warning_confirm_test"  
  136.                 style="@style/dialog_blue_button"  
  137.                 android:layout_margin="10dp"  
  138.                 android:text="Try me!"/>  
  139.   
  140.         <TextView  
  141.                 android:id="@+id/txt_6"  
  142.                 android:layout_alignLeft="@id/logo_img"  
  143.                 android:layout_below="@id/warning_confirm_test"  
  144.                 android:layout_marginLeft="15dp"  
  145.                 android:text="A warning message, with listeners bind to Cancel and Confirm button..."  
  146.                 android:layout_width="200dp"  
  147.                 android:layout_height="wrap_content"  
  148.                 android:textSize="14sp"  
  149.                 android:layout_marginTop="15dp"  
  150.                 android:textColor="#797979"/>  
  151.   
  152.         <Button  
  153.                 android:layout_centerHorizontal="true"  
  154.                 android:layout_below="@id/txt_6"  
  155.                 android:id="@+id/warning_cancel_test"  
  156.                 style="@style/dialog_blue_button"  
  157.                 android:layout_margin="10dp"  
  158.                 android:text="Try me!"/>  
  159.   
  160.         <TextView  
  161.                 android:id="@+id/txt_7"  
  162.                 android:layout_alignLeft="@id/logo_img"  
  163.                 android:layout_below="@id/warning_cancel_test"  
  164.                 android:layout_marginLeft="15dp"  
  165.                 android:text="A message with a custom icon"  
  166.                 android:layout_width="200dp"  
  167.                 android:layout_height="wrap_content"  
  168.                 android:textSize="14sp"  
  169.                 android:layout_marginTop="15dp"  
  170.                 android:textColor="#797979"/>  
  171.   
  172.         <Button  
  173.                 android:layout_centerHorizontal="true"  
  174.                 android:layout_below="@id/txt_7"  
  175.                 android:id="@+id/custom_img_test"  
  176.                 style="@style/dialog_blue_button"  
  177.                 android:layout_margin="10dp"  
  178.                 android:text="Try me!"/>  
  179.   
  180.     </RelativeLayout>  
  181. </ScrollView>  


XAlertDialogLibrary(eclipse):点此下载
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:39734次
    • 积分:943
    • 等级:
    • 排名:千里之外
    • 原创:47篇
    • 转载:11篇
    • 译文:0篇
    • 评论:95条
    文章分类
    最新评论