前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android手把手撸一个CustomProgressDialog

Android手把手撸一个CustomProgressDialog

作者头像
程序员飞飞
发布2020-02-27 16:15:50
4520
发布2020-02-27 16:15:50
举报
文章被收录于专栏:Android&Java技术

Android手把手撸一个CustomProgressDialog

1.自定义LoadingView

代码语言:javascript
复制
/**
 * Created by xpf on 2017/8/28 :)
 * Function:自定义加载中的Dialog
 */

public class LoadingView extends ProgressDialog {

    public LoadingView(Context context) {
        super(context);
    }

    public LoadingView(Context context, int theme) {
        super(context, theme);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        init(getContext());
    }

    private void init(Context context) {
        setCancelable(true);
        setCanceledOnTouchOutside(false);
        setContentView(R.layout.loading_view);//loading的xml文件
        WindowManager.LayoutParams params = getWindow().getAttributes();
        params.width = WindowManager.LayoutParams.WRAP_CONTENT;
        params.height = WindowManager.LayoutParams.WRAP_CONTENT;
        getWindow().setAttributes(params);
    }

    @Override
    public void show() { // 显示Dialog
        super.show();
    }

    @Override
    public void dismiss() { // 关闭Dialog
        super.dismiss();
    }
}

2.LoadingView的布局文件

代码语言:javascript
复制
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:layout_centerInParent="true"
    android:layout_gravity="center_horizontal"
    android:background="@drawable/shape_dialog_bg"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp">

        <ProgressBar
            android:id="@+id/pb_load"
            android:layout_width="130dp"
            android:layout_height="130dp"
            android:layout_centerInParent="true"
            android:indeterminateDrawable="@drawable/progressbar" />
    </RelativeLayout>

    <TextView
        android:id="@+id/tv_load_dialog"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="加载中..."
        android:textColor="#9a9b98"
        android:textSize="24sp" />
</LinearLayout>

3.dialog圆角的shape

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="16dp" />
    <solid android:color="#88000000" />
</shape>

4.定义drawable旋转动画

代码语言:javascript
复制
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="0"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="720">
    <shape
        android:innerRadiusRatio="3"
        android:shape="ring"
        android:thicknessRatio="15"
        android:useLevel="false">
        <gradient
            android:centerColor="#c6c6c6"
            android:centerY="0.50"
            android:endColor="#c6c6c6"
            android:startColor="#55c6c6c6"
            android:type="sweep"
            android:useLevel="false" />
    </shape>
</animated-rotate>

5.定义一个Style

代码语言:javascript
复制
    <style name="CustomDialog" parent="Theme.AppCompat.Dialog">
        <item name="android:backgroundDimEnabled">false</item>
        <item name="android:windowBackground">@android:color/transparent</item>
    </style>

6.代码中使用

代码语言:javascript
复制
        if (loading == null) {
            loading = new LoadingView(this, R.style.CustomDialog);
            loading.show(); // 显示
        }

取消显示:loading.dismiss();

ok~终于完了…

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017/09/07 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • Android手把手撸一个CustomProgressDialog
    • 1.自定义LoadingView
      • 2.LoadingView的布局文件
        • 3.dialog圆角的shape
          • 4.定义drawable旋转动画
            • 5.定义一个Style
              • 6.代码中使用
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档