Android 自定义Dialog 实例

 更新时间:2016年07月13日 14:46:08   投稿:lqh  
本篇文章主要介绍Android自定义Dialog,在Android开发中,出于美观系统自带的Dialog一般都会被重新,这里给大家写个小实例,大家可以参考下

开发中经常需要请求网络获取数据,我们在请求网络到得到数据时当中需要等待一些时间,为了增加用户体验,我们一般会用一个Dialog来提示用户我们在加载网络数据。

今天我们来实现如下效果的加载中Dialog。

 

从图中我们可以看到要这个Dialog是图片还有文字组成的,(不过我这里使用代码实现的,没有用图片),以下是这个加载图形的代码:

public class LVCircularRing extends View {

private float mWidth = 0f;
private float mPadding = 0f;
private float startAngle = 0f;
private Paint mPaint;

public LVCircularRing(Context context) {
 this(context, null);
}

public LVCircularRing(Context context, AttributeSet attrs) {
 this(context, attrs, 0);
}

public LVCircularRing(Context context, AttributeSet attrs, int defStyleAttr) {
 super(context, attrs, defStyleAttr);
 initPaint();
}

@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
 super.onMeasure(widthMeasureSpec, heightMeasureSpec);

 if (getMeasuredWidth() > getHeight())
  mWidth = getMeasuredHeight();
 else
  mWidth = getMeasuredWidth();
 mPadding = 5;
}

@Override
protected void onDraw(Canvas canvas) {
 super.onDraw(canvas);

 mPaint.setColor(Color.argb(100, 255, 255, 255));
 canvas.drawCircle(mWidth / 2, mWidth / 2, mWidth / 2 - mPadding, mPaint);
 mPaint.setColor(Color.WHITE);
 RectF rectF = new RectF(mPadding, mPadding, mWidth - mPadding, mWidth - mPadding);
 canvas.drawArc(rectF, startAngle, 100
   , false, mPaint);//第四个参数是否显示半径

}


private void initPaint() {
 mPaint = new Paint();
 mPaint.setAntiAlias(true);
 mPaint.setStyle(Paint.Style.STROKE);
 mPaint.setColor(Color.WHITE);
 mPaint.setStrokeWidth(8);
}

public void startAnim() {
 stopAnim();
 startViewAnim(0f, 1f, 1000);
}

public void stopAnim() {
 if (valueAnimator != null) {
  clearAnimation();
  valueAnimator.setRepeatCount(1);
  valueAnimator.cancel();
  valueAnimator.end();
 }
}

ValueAnimator valueAnimator;

private ValueAnimator startViewAnim(float startF, final float endF, long time) {
 valueAnimator = ValueAnimator.ofFloat(startF, endF);

 valueAnimator.setDuration(time);
 valueAnimator.setInterpolator(new LinearInterpolator());
 valueAnimator.setRepeatCount(ValueAnimator.INFINITE);//无限循环
 valueAnimator.setRepeatMode(ValueAnimator.RESTART);//

 valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
  @Override
  public void onAnimationUpdate(ValueAnimator valueAnimator) {

   float value = (float) valueAnimator.getAnimatedValue();
   startAngle = 360 * value;

   invalidate();
  }
 });
 valueAnimator.addListener(new AnimatorListenerAdapter() {
  @Override
  public void onAnimationEnd(Animator animation) {
   super.onAnimationEnd(animation);
  }
 });
 if (!valueAnimator.isRunning()) {
  valueAnimator.start();
 }

 return valueAnimator;
}
}

 Dialog 代码:

public class LoadingDialog {
LVCircularRing mLoadingView;
Dialog mLoadingDialog;

public LoadingDialog(Context context,String msg) {
 // 首先得到整个View
 View view = LayoutInflater.from(context).inflate(
   R.layout.loading_dialog_view, null);
 // 获取整个布局
 LinearLayout layout = (LinearLayout) view.findViewById(R.id.dialog_view);
 // 页面中的LoadingView
 mLoadingView = (LVCircularRing) view.findViewById(R.id.lv_circularring);
 // 页面中显示文本
 TextView loadingText = (TextView) view.findViewById(R.id.loading_text);
 // 显示文本
 loadingText.setText(msg);
 // 创建自定义样式的Dialog
 mLoadingDialog = new Dialog(context, R.style.loading_dialog);
 // 设置返回键无效
 mLoadingDialog.setCancelable(false);
 mLoadingDialog.setContentView(layout, new LinearLayout.LayoutParams(
   LinearLayout.LayoutParams.MATCH_PARENT,
   LinearLayout.LayoutParams.MATCH_PARENT));
}

public void show(){
 mLoadingDialog.show();
 mLoadingView.startAnim();
}

public void close(){
 if (mLoadingDialog!=null) {
  mLoadingView.stopAnim();
  mLoadingDialog.dismiss();
  mLoadingDialog=null;
 }
}
}

 布局文件loading_dialog_view 代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/dialog_view"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:background="@drawable/dialog_bg"
android:padding="20dp"
android:orientation="vertical">

<com.ye.daqiapp.ui.widget.loading.LVCircularRing
 android:id="@+id/lv_circularring"
 android:layout_width="50dp"
 android:layout_height="50dp"/>

<TextView
 android:id="@+id/loading_text"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:textColor="#ffffff"
 android:layout_marginTop="5dp"
 android:textSize="15sp"/>

</LinearLayout>

 Dialog中Style代码:

<style name="loading_dialog" parent="android:style/Theme.Dialog">
 <item name="android:windowFrame">@null</item>
 <item name="android:windowNoTitle">true</item>
 <item name="android:windowBackground">@android:color/transparent</item>
 <item name="android:windowIsFloating">true</item>
 <item name="android:backgroundDimEnabled">false</item>
 <item name="android:windowContentOverlay">@null</item>
</style>

 背景dialog_bg 代码:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 内部颜色 -->
<solid android:color="#444444" />

<!-- 圆角的幅度 -->
<corners
 android:bottomLeftRadius="3dp"
 android:bottomRightRadius="3dp"
 android:topLeftRadius="3dp"
 android:topRightRadius="3dp" />
</shape>

 如何使用:在需要使用的地方初始化Dialog:

LoadingDialog dialog=new LoadingDialog(context,"玩命加载中...");
//显示Dialog
dialog.show();
//关闭Dialog
dialog.close();

以上是对Android Dialog 重写的小示例,有需要的朋友可以参考下。

相关文章

  • Android ToolBar整合实例使用方法详解

    Android ToolBar整合实例使用方法详解

    这篇文章主要为大家详细介绍了Android ToolBar整合实例,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • android:descendantFocusability方法介绍

    android:descendantFocusability方法介绍

    开发中很常见的一个问题,项目中的listview不仅仅是简单的文字,常常需要自己定义listview,问题就出现了,可能会发生点击每一个item的时候没有反应,无法获取的焦点
    2012-11-11
  • win7配置adb环境变量的方法步骤

    win7配置adb环境变量的方法步骤

    本文主要介绍了win7配置adb环境变量的方法步骤,具有一定的参考价值,下面跟着小编一起来看下吧
    2017-01-01
  • Android端权限隐私的合规化处理实战记录

    Android端权限隐私的合规化处理实战记录

    大家应该都发现了,现在很多应用市场都要求应用上架需要用户协议,这篇文章主要给大家介绍了关于Android端权限隐私合规化处理的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2021-08-08
  • Android仿网易云音乐播放界面

    Android仿网易云音乐播放界面

    这篇文章主要为大家详细介绍了Android仿网易云音乐播放界面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-01-01
  • Android便携式热点的开启状态检测和SSID的获取方法

    Android便携式热点的开启状态检测和SSID的获取方法

    WIFI热点的开启状态和开启后的SSID如何获取呢?接下来通过本文给大家分享Android便携式热点的开启状态检测和SSID的获取方法,需要的朋友参考下吧
    2017-01-01
  • Flutter实现抖音点赞效果

    Flutter实现抖音点赞效果

    抖音的点赞效果在第一次看到的时候,总有一种眼前一亮的感觉。一边看视频,还能在视频上点赞,而且整个屏幕都能够点赞,并伴随动画,还是很炫酷的。今天我们用Flutter来实现一下这个效果
    2021-05-05
  • Android实现支付宝支付密码输入界面

    Android实现支付宝支付密码输入界面

    这篇文章主要为大家详细介绍了Android实现支付宝支付密码输入界面,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-05-05
  • Android控件之GridView用法实例分析

    Android控件之GridView用法实例分析

    这篇文章主要介绍了Android控件之GridView用法,通过绘制九宫格的实例形式分析了GridView可滚动网格的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • React Native之在Android上添加阴影的实现

    React Native之在Android上添加阴影的实现

    这篇文章主要介绍了React Native之在Android上添加阴影的实现方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03

最新评论