Android弹窗插件 sweet-alert-dialog

【本文出处: http://blog.****.net/leytton/article/details/72178559

下面介绍一款Android弹窗插件,为了屌丝们访问快点把wiki及其图片搬回来了Android弹窗插件 sweet-alert-dialog

要修改按钮颜色直接在插件colors.xml文件里修改即可

  1. <color name="blue_btn_bg_color">#AEDEF4</color>
  2. <color name="blue_btn_bg_pressed_color">#96BFD2</color>
  3. <color name="button_text_color">#FFFFFF</color>
  4. <color name="error_stroke_color">#F27474</color>
  5. <color name="float_transparent">#00000000</color>
  6. <color name="gray_btn_bg_color">#D0D0D0</color>
  7. <color name="gray_btn_bg_pressed_color">#B6B6B6</color>
  8. <color name="material_blue_grey_80">#ff37474f</color>
  9. <color name="material_blue_grey_90">#ff263238</color>
  10. <color name="material_blue_grey_95">#ff21272b</color>
  11. <color name="material_deep_teal_20">#ff80cbc4</color>
  12. <color name="material_deep_teal_50">#ff009688</color>
  13. <color name="red_btn_bg_color">#DD6B55</color>
  14. <color name="red_btn_bg_pressed_color">#CD5B55</color>
  15. <color name="success_stroke_color">#A5DC86</color>
  16. <color name="sweet_dialog_bg_color">#FFFFFF</color>
  17. <color name="text_color">#575757</color>
  18. <color name="trans_success_stroke_color">#33A5DC86</color>
  19. <color name="warning_stroke_color">#F8BB86</color>


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


Android版的SweetAlert,清新文艺,快意灵动的甜心弹框

灵感来源于JS版SweetAlert

Demo下载

运行示意图

Android弹窗插件 sweet-alert-dialog

安装

使用SweetAlertDialog最简单的办法就是像下面这样添加项目依赖。

Maven

  1. <dependency>
  2. <groupId>cn.pedant.sweetalert</groupId>
  3. <artifactId>library</artifactId>
  4. <version>1.3</version>
  5. <type>aar</type>
  6. </dependency>

Gradle

  1. repositories {
  2. mavenCentral()
  3. }
  4. dependencies {
  5. compile 'cn.pedant.sweetalert:library:1.3'
  6. }

如何开始

显示Material进度样式

  1. SweetAlertDialog pDialog = new SweetAlertDialog(this, SweetAlertDialog.PROGRESS_TYPE);
  2. pDialog.getProgressHelper().setBarColor(Color.parseColor("#A5DC86"));
  3. pDialog.setTitleText("Loading");
  4. pDialog.setCancelable(false);
  5. pDialog.show();

Android弹窗插件 sweet-alert-dialog

你可以通过**SweetAlertDialog.getProgressHelper()**调用materialish-progress中下面这些方法,来动态改变进度条的样式

  • resetCount()
  • isSpinning()
  • spin()
  • stopSpinning()
  • getProgress()
  • setProgress(float progress)
  • setInstantProgress(float progress)
  • getCircleRadius()
  • setCircleRadius(int circleRadius)
  • getBarWidth()
  • setBarWidth(int barWidth)
  • getBarColor()
  • setBarColor(int barColor)
  • getRimWidth()
  • setRimWidth(int rimWidth)
  • getRimColor()
  • setRimColor(int rimColor)
  • getSpinSpeed()
  • setSpinSpeed(float spinSpeed)

感谢materialish-progress项目以及@croccio的参与。

更多关于进度条的用法,请参见样例代码。

只显示标题:

  1. new SweetAlertDialog(this)
  2. .setTitleText("Here's a message!")
  3. .show();

显示标题和内容:

  1. new SweetAlertDialog(this)
  2. .setTitleText("Here's a message!")
  3. .setContentText("It's pretty, isn't it?")
  4. .show();

显示异常样式:

  1. new SweetAlertDialog(this, SweetAlertDialog.ERROR_TYPE)
  2. .setTitleText("Oops...")
  3. .setContentText("Something went wrong!")
  4. .show();

显示警告样式:

  1. new SweetAlertDialog(this, SweetAlertDialog.WARNING_TYPE)
  2. .setTitleText("Are you sure?")
  3. .setContentText("Won't be able to recover this file!")
  4. .setConfirmText("Yes,delete it!")
  5. .show();

显示成功完成样式:

  1. new SweetAlertDialog(this, SweetAlertDialog.SUCCESS_TYPE)
  2. .setTitleText("Good job!")
  3. .setContentText("You clicked the button!")
  4. .show();

自定义头部图像:

  1. new SweetAlertDialog(this, SweetAlertDialog.CUSTOM_IMAGE_TYPE)
  2. .setTitleText("Sweet!")
  3. .setContentText("Here's a custom image.")
  4. .setCustomImage(R.drawable.custom_img)
  5. .show();

确认事件绑定:

  1. new SweetAlertDialog(this, SweetAlertDialog.WARNING_TYPE)
  2. .setTitleText("Are you sure?")
  3. .setContentText("Won't be able to recover this file!")
  4. .setConfirmText("Yes,delete it!")
  5. .setConfirmClickListener(new SweetAlertDialog.OnSweetClickListener() {
  6. @Override
  7. public void onClick(SweetAlertDialog sDialog) {
  8. sDialog.dismissWithAnimation();
  9. }
  10. })
  11. .show();

显示取消按钮及事件绑定:

  1. new SweetAlertDialog(this, SweetAlertDialog.WARNING_TYPE)
  2. .setTitleText("Are you sure?")
  3. .setContentText("Won't be able to recover this file!")
  4. .setCancelText("No,cancel plx!")
  5. .setConfirmText("Yes,delete it!")
  6. .showCancelButton(true)
  7. .setCancelClickListener(new SweetAlertDialog.OnSweetClickListener() {
  8. @Override
  9. public void onClick(SweetAlertDialog sDialog) {
  10. sDialog.cancel();
  11. }
  12. })
  13. .show();

确认后切换对话框样式:

  1. new SweetAlertDialog(this, SweetAlertDialog.WARNING_TYPE)
  2. .setTitleText("Are you sure?")
  3. .setContentText("Won't be able to recover this file!")
  4. .setConfirmText("Yes,delete it!")
  5. .setConfirmClickListener(new SweetAlertDialog.OnSweetClickListener() {
  6. @Override
  7. public void onClick(SweetAlertDialog sDialog) {
  8. sDialog
  9. .setTitleText("Deleted!")
  10. .setContentText("Your imaginary file has been deleted!")
  11. .setConfirmText("OK")
  12. .setConfirmClickListener(null)
  13. .changeAlertType(SweetAlertDialog.SUCCESS_TYPE);
  14. }
  15. })
  16. .show();
MIT开源协议,不含防腐剂、没有添加剂、请放心食用Android弹窗插件 sweet-alert-dialog


转自:https://blog.****.net/Leytton/article/details/72178559?ABstrategy=codes_snippets_optimize_v3