Android 自定义圆形progressbar

原创 2015年07月07日 15:56:37

再来一个圆形进度条的样式。效果如下:

这里写图片描述

关键点:

  • 自定义布局,可以实现自己想要的任何需求
  • 方法类管理
  • 其实里面的圆图并不是progressbar,是一个imageview,然后给他加了动画

一、布局

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

    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#00000000"
        android:src="@drawable/img_common_progressdialog"/>

    <TextView
        android:id="@+id/tipTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="5dp"
        android:gravity="center_horizontal"
        android:textColor="#ffffff"/>

</LinearLayout>

二、shape_nodeal_progressdialog图片

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid
        android:color="@color/yellow" /><!--背景-->
    <corners
        android:radius="10dp"/>
</shape>

三、管理方法

/**
     * 创建自定义progressDialog
     * @param context
     * @param msg
     * @return
     */
    public static Dialog createLoadingDialog_1(Context context,String msg){

        //初始化视图
        LayoutInflater inflater=LayoutInflater.from(context);
        View v=inflater.inflate(R.layout.dialog_view,null);
        //初始化视图控件
        LinearLayout layout= (LinearLayout) v.findViewById(R.id.dialog_view);
        ImageView spaceshipImg= (ImageView) v.findViewById(R.id.img);
        TextView tipTextView= (TextView) v.findViewById(R.id.tipTextView);
        //图片设置动画效果
        Animation  hyperspaceJumpAnimation=AnimationUtils.loadAnimation(context, R.anim.anim);
        spaceshipImg.startAnimation(hyperspaceJumpAnimation);
        tipTextView.setText(msg);
        //创建dialog对象
        Dialog loadingDialog=new Dialog(context,R.style.loading_dialog_1);
        loadingDialog.setCancelable(true);// 可以用“返回键”取消
        loadingDialog.setContentView(layout, new LinearLayout.LayoutParams(
                LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT));// 设置布局
        return loadingDialog;
    }

四、anim动画效果

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

    <rotate
        android:duration="1500"
        android:fromDegrees="0"
        android:interpolator="@android:anim/linear_interpolator"
        android:pivotX="50%"
        android:pivotY="50%"
        android:repeatCount="-1"
        android:repeatMode="restart"
        android:startOffset="-1"
        android:toDegrees="+360" />

</set>

五、创建动画时用到的主题

<style name="loading_dialog_1" parent="android:style/Theme.Dialog">
        <item name="android:windowFrame">@null</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowBackground">@drawable/shape_nodeal_progressdialog</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowContentOverlay">@null</item>
    </style>

接下来我们将上面的imagview换成progressbar再来实现一下,我们只介绍跟上面不同的地方

一、布局里面的变化

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

    <ProgressBar
        android:id="@+id/mProgressBar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="#00000000"
        android:indeterminateDrawable="@anim/round_progress_bar"
        />

    <TextView
        android:id="@+id/tipTextView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="5dp"
        android:gravity="center_horizontal"
        android:textColor="#ffffff"/>

</LinearLayout>

这里用到android:indeterminateDrawable=”@anim/round_progress_bar”

二、我们就来看看round_progress_bar

<?xml version="1.0" encoding="utf-8"?>
<animated-rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/img_common_progressdialog"
    android:fromDegrees="0.0"
    android:pivotX="50.0%"
    android:pivotY="50.0%"
    android:toDegrees="360.0" />

其中img_common_progressdialog其实就是一个上面展示里面那个圆圈

三、方法类

public static Dialog createLoadingDialog_2(Context context,String msg){

        LayoutInflater inflater=LayoutInflater.from(context);
        View v=inflater.inflate(R.layout.dialog_view1, null);

        LinearLayout layout= (LinearLayout) v.findViewById(R.id.dialog_view);
        TextView tipTextView= (TextView) v.findViewById(R.id.tipTextView);

        tipTextView.setText(msg);

        Dialog loadingDialog=new Dialog(context,R.style.loading_dialog_1);
        loadingDialog.setCancelable(false);
        loadingDialog.setContentView(layout,new LinearLayout.LayoutParams(LinearLayout.LayoutParams.MATCH_PARENT,
                LinearLayout.LayoutParams.MATCH_PARENT));

        return loadingDialog;

    }

实现的效果是完全相同的!ok,有这两篇progressbar就可以满足开发的基本需求了,至于高大上的进度条,慢慢来!!!

版权声明:欢迎大家留言讨论 举报

相关文章推荐

Android自定义控件实现圆形进度CircleProgressBar

近日有朋友问我有没有如下图效果的开源控件,相信大家无论是用IOS还是Android,都对这种效果不陌生,很多主流APP都会有这样或类似的效果,之前也打算研究一下这类控件的代码,苦于一直不知道应该怎么搜...

Android 带渐变效果的半圆环形进度条

1,概述 最近项目开发需要使用到圆形进度条,整理了一下代码,避免之后重复造轮子 2、效果图 下面是具体的需求~ 3、实现 首先,圆形进度条肯定是需要一些特定的属性的。比如圆环半径,圆...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

Android 获得view的宽和高

在oncreate()中利用view.getWidth()或是view.getHeiht()来获取view的宽和高,看似没有问题,其实他们去得值是0,并不是你想要的结果? 这是为什么呢? ...

android 圆形渐变进度条CircleProgressBar的开源框架

1.类似QQ健康中当日步数圆弧显示ColorArcProgressBar https://github.com/Shinelw/ColorArcProgressBar 2 支持进度条渐变的 ...

Android自定义圆形ProgressBar

闲来无事做了一个自定义的进度条,大致效果图如下: 废话不多说,下面直接上代码: 自定义控件代码CircleProgressBar.java package com.example.circ...

自定义圆形ProgressBar

公司的项目已经完成了几个了,无一例外,都有计步的功能,我的天哪,能不能有点创意,好吧,既然还要套代码,那么就把一些刁钻的UI给封装好,以后就可以直接使用提高效率了。说是刁钻,其实也并没有很夸张,只是原...

自定义圆形ProgressBar

一、在attrs.xml中定义

自定义圆形的ProgressBar

1.自定义圆形的ProgressBar   效果图:   圆形ProgressBar的样式主要有以下几个,我们这里以progressBarStyleLarge为例进行样式的修改,其他的类似...

自定义圆形的ProgressBar

1.自定义圆形的ProgressBar   效果图:   圆形ProgressBar的样式主要有以下几个,我们这里以progressBarStyleLarge为例进行样式的修改,其他的类似。  ...

自定义圆形的ProgressBar

1.自定义圆形的ProgressBar   效果图:   圆形ProgressBar的样式主要有以下几个,我们这里以progressBarStyleLarge为例进行样式的修改,其他的类似。  ...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)