前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Android仿微信网络加载弹出框

Android仿微信网络加载弹出框

作者头像
砸漏
发布2020-11-03 16:24:36
1K0
发布2020-11-03 16:24:36
举报
文章被收录于专栏:恩蓝脚本恩蓝脚本

本文实例为大家分享了Android仿微信网络加载弹出框的具体代码,供大家参考,具体内容如下

没有饿了么的动画效果好看,但是,特别适用,拿来就用!

看一下效果图

图片素材

好了,其实很简单,就是一个自定义Dialog的控件而已

1. 自定义view的style样式

代码语言:javascript
复制
<resources 

  <!-- Base application theme. -- 
  <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar" 
    <!-- Customize your theme here. -- 
    <item name="colorPrimary" @color/colorPrimary</item 
    <item name="colorPrimaryDark" @color/colorPrimaryDark</item 
    <item name="colorAccent" @color/colorAccent</item 
  </style 
  <!-- 自定义dialog的样式 -- 
  <style name="CustomDialog" 
    <item name="android:windowFrame" @null</item <!--边框-- 
    <item name="android:windowIsFloating" true</item <!--是否浮现在activity之上-- 
    <item name="android:windowIsTranslucent" false</item <!--半透明-- 
    <item name="android:windowNoTitle" true</item <!--无标题-- 
    <item name="android:windowBackground" @drawable/dialog_custom_bg</item <!--背景透明-- 
    <item name="android:backgroundDimEnabled" false</item <!--模糊-- 
    <item name="android:backgroundDimAmount" 0.6</item 
  </style 


</resources 

2.dialog_custom_bg 加载动画shape背景图(drawable文件夹下)

代码语言:javascript
复制
<shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="rectangle" 
  <solid android:color="#ff333333" / 
  <corners android:radius="5dp" / 
</shape 

3.indeterminate_drawable 进度条模糊背景图(drawable文件夹下)

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"? 
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
  android:drawable="@drawable/loading"
  android:fromDegrees="0"
  android:pivotX="50%"
  android:pivotY="50%"
  android:toDegrees="360" 
</rotate 

4.加载对话框的背景

代码语言:javascript
复制
<!-- 加载对话框布局 -- 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:gravity="center"
  android:orientation="horizontal"
  android:padding="10dp" 

  <ProgressBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:indeterminateDrawable="@drawable/indeterminate_drawable"
    android:indeterminateDuration="1800" / 

  <TextView
    android:id="@+id/tvcontent"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:text="加载中"
    android:textColor="#ffffff"
    android:textSize="14sp" / 

</LinearLayout 

5.CustomDialog自定义控件

代码语言:javascript
复制
public class CustomDialog extends Dialog {
  private String content;

  public CustomDialog(Context context, String content) {
    super(context, R.style.CustomDialog);
    this.content=content;
    initView();
  }

  @Override
  public boolean onKeyDown(int keyCode, KeyEvent event) {
    switch (keyCode){
      case KeyEvent.KEYCODE_BACK:
        if(CustomDialog.this.isShowing())
          CustomDialog.this.dismiss();
        break;
    }
    return true;
  }

  private void initView(){
    setContentView(R.layout.dialog_view);
    ((TextView)findViewById(R.id.tvcontent)).setText(content);
    setCanceledOnTouchOutside(true);
    WindowManager.LayoutParams attributes = getWindow().getAttributes();
    attributes.alpha=0.8f;
    getWindow().setAttributes(attributes);
    setCancelable(false);
  }
}

6.Activity中直接调用

代码语言:javascript
复制
CustomDialog customDialog = new CustomDialog(this, "正在加载...");
customDialog.show();//显示,显示时页面不可点击,只能点击返回
customDialog.dismiss();//消失

以上就是本文的全部内容,希望对大家的学习有所帮助。

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档