Android 加载动画逐帧动画透明弹窗

2021-05-17 21:02:00 阅读：196 来源： 互联网

标签：动画 layout loadingDialog private 逐帧 LoadingDialog Android onCreate mImageView

1. 效果截图

2. LoadingDialog代码

public class LoadingDialog extends Dialog {

    private AnimationDrawable mAnimation;
    private final String mLoadingTitle;
    private final int layout;

    public LoadingDialog(Context context, String content, int layout) {
        super(context);
        this.mLoadingTitle = content;
        this.layout = layout;
        //点击外围取消
        setCanceledOnTouchOutside(true);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //设置窗口布局
        setContentView(R.layout.progress_dialog);

        ImageView mImageView = findViewById(R.id.loadingIv);
        //设置动画资源
        mImageView.setImageResource(layout);
        mAnimation = (AnimationDrawable) mImageView.getDrawable();
        // 启动动态图话
        mImageView.postDelayed(mAnimation::start, 100);
        TextView mLoadingTv = findViewById(R.id.loadingTv);
        //设置加载文字
        mLoadingTv.setText(mLoadingTitle);
        // <color name="transparent">#00FFFFFF</color>
        //设置透明
        getWindow().setBackgroundDrawableResource(R.color.transparent);
    }

}

3. 调用窗口代码


public class MainActivity extends AppCompatActivity {
    private LoadingDialog loadingDialog;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);


        findViewById(R.id.show).setOnClickListener(v -> {
            if (loadingDialog == null) {
                //创建
                loadingDialog = new LoadingDialog(MainActivity.this, "正在加载", R.drawable.anim_loading);
            }
            //调用
            loadingDialog.show();
        });
    }
}

4. LoadingDialog布局——progress_dialog.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:gravity="center"
    android:orientation="vertical">

    <ImageView
        android:id="@+id/loadingIv"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:contentDescription="@string/loading" />

    <TextView
        android:id="@+id/loadingTv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/black"
        android:textSize="20sp" />
</LinearLayout>

5. 调用窗口布局——activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:gravity="center"
    android:orientation="vertical">

    <Button
        android:id="@+id/show"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="16dp"
        android:background="@color/black"
        android:text="@string/show"
        android:textColor="#ffffff" />

</LinearLayout>

6. 动画文件——anim_loading.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false" >

    <item
        android:drawable="@drawable/loading_01"
        android:duration="200"/>
    <item
        android:drawable="@drawable/loading_02"
        android:duration="200"/>
    <item
        android:drawable="@drawable/loading_03"
        android:duration="200"/>
    <item
        android:drawable="@drawable/loading_04"
        android:duration="200"/>
    <item
        android:drawable="@drawable/loading_05"
        android:duration="200"/>
    <item
        android:drawable="@drawable/loading_06"
        android:duration="200"/>
    <item
        android:drawable="@drawable/loading_07"
        android:duration="200"/>
    <item
        android:drawable="@drawable/loading_08"
        android:duration="200"/>
    <item
        android:drawable="@drawable/loading_09"
        android:duration="200"/>
    <item
        android:drawable="@drawable/loading_10"
        android:duration="200"/>
    <item
        android:drawable="@drawable/loading_11"
        android:duration="200"/>
    <item
        android:drawable="@drawable/loading_12"
        android:duration="200"/>

</animation-list>

7. 透明色彩

<color name="transparent">#00FFFFFF</color>

参考链接：https://www.runoob.com/w3cnote/android-tutorial-progressbar.html
源码及素材地址:https://github.com/WindSnowLi/android-tools
源码及素材地址:https://gitee.com/windsnowli/android-tools

标签：动画,layout,loadingDialog,private,逐帧,LoadingDialog,Android,onCreate,mImageView
来源： https://www.cnblogs.com/WindSnowLi/p/14778513.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9