简单的“加载中”动画效果

在日常开发过程中,处理一些延迟操作的时候,经常需要显示一个“加载中”对话框来来表示程序正在请求或正在处理。那么如何写一个最简单的动画效果呢?

这里我写了个demo:

MainActivity:

public class MainActivity extends Activity {
    //ProgressDialog用于显示加载对话框用
    private ProgressDialog progressDialog = null;
    //显示结果用
    private EditText editText1;
    //消息处理
    private Handler handler=new Handler(){
        public void handleMessage(android.os.Message msg) {
            switch (msg.what) {
            case 1:
                //显示加载后的内容
                editText1.setText("成功了");
                //加载对话框关闭
                progressDialog.dismiss();
                break;

            default:
                break;
            }
        };
    };
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        editText1=(EditText) findViewById(R.id.editText1);
        
    }
    
    public void click(View v){
        //当按钮点击的时候,此加载中的对话框显示
        progressDialog= ProgressDialog.show(MainActivity.this, "请稍等...", "获取数据中...", true);
        //开始联网
        getNet();
    }

    private void getNet() {
        new Thread(){
            @Override
            public void run() {
                super.run();
                SystemClock.sleep(2000);
                //发消息
                handler.sendEmptyMessage(1);
            }
        }.start();
    }
}

布局文件:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="${relativePackage}.${activityClass}" >

    <Button
        android:id="@+id/button1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginTop="15dp"
        android:text="Button"
        android:onClick="click" />

    <EditText
        android:id="@+id/editText1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/button1"
        android:ems="10" >
    </EditText>

</RelativeLayout>

运行效果:

时间: 2024-10-12 08:41:57

简单的“加载中”动画效果的相关文章

用纯CSS实现加载中动画效果

HTML <div class="pswp__preloader__icn"> <div class="pswp__preloader__cut"> <div class="pswp__preloader__donut"></div> </div> </div> CSS .pswp__preloader__icn { opacity:0.75; width: 24px; he

css实现加载中的效果

那天闲着,学习了一下样式效果,自己实现了一个简单的加载中的效果 废话不多说,开始吧!! 一.实现一个圆环       要实现圆环,首先我们需要知道盒模型里面border的本质,先来看一个效果吧 从上面,我们应该可以看到元素盒模型中 border 的本质:元素每个方向上的 border 是梯形而并非矩形.知道了这个,想实现弧状的样式就不是问题了 我们只需要想办法让中间红色区域变成弧状就可以啦,我们设置div的border-radius为50%,就变成这样啦,看下图 是不是一个圆形就出现啦,现在我们

使用CSS3实现超炫的Loading(加载)动画效果(转)

使用CSS3实现超炫的Loading(加载)动画效果 SpinKit 是一套网页动画效果,包含8种基于 CSS3 实现的很炫的加载动画.借助 CSS3 Animation 的强大功能来创建平滑,易于定制的动画.SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案,而是给现代浏览器提供更优的技术实现方案和更佳的使用体验.(为保证最佳的效果,请在 Chrome.Firefox 和 Safari 等现代浏览器中浏览) Loading 动画效果一 HTML 代码: 1 2 3 4 5 6 7 <

《H5 App开发》MUI框架显示加载中动画

最近使用MUI框架比较多,现在有个需求就是在每个页面加上一个加载中动画 如图: 在百度上找到两个MUI框架的加载中样式, 第一种是需要引用一个js库,在这里不多做解释,小编推荐第二种方式, 只需要一串代码就可以实现 <div class="mui-loading" v-if="loading"> <div class="mui-spinner"></div> </div> 可以利用vue中v-if来

css 实现页面加载中等待效果

<!DOCTYPE html> <html> <head> <title>css实现页面加载中,请稍候效果</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my pa

简单实现GridView的Item逐个加载和动画效果

 用布局文件实现 1. 首先在GridView控件中加入layoutAnimation属性. <GridView android:id="@+id/gridView" android:layout_width="fill_parent" android:layout_height="wrap_content" android:numColumns="3" android:gravity="center"

使用CSS3实现超炫的Loading(加载)动画效果

SpinKit 是一套网页动画效果,包含8种基于 CSS3 实现的很炫的加载动画.借助 CSS3 Animation 的强大功能来创建平滑,易于定制的动画.SpinKit 的目标不是提供一个每个浏览器都兼容的解决方案,而是给现代浏览器提供更优的技术实现方案和更佳的使用体验.(为保证最佳的效果,请在 Chrome.Firefox 和 Safari 等现代浏览器中浏览) Loading 动画效果一 HTML 代码: <div class="spinner"> <div c

如何使用SVG生成超酷的页面预加载素描动画效果

在线演示 本地下载 1 SVG简介 可缩放矢量图形是基于可扩展标记语言(标准通用标记语言的子集),用于描述二维矢量图形的一种图形格式.它由万维网联盟制定,是一个开放标准. 2 SVG的特点 与其他图像格式相比(比如 JPEG 和 GIF),使用 SVG 的优势在于: SVG 图像可通过文本编辑器来创建和修改 SVG 图像可被搜索.索引.脚本化或压缩 SVG 是可伸缩的 SVG 图像可在任何的分辨率下被高质量地打印 SVG 可在图像质量不下降的情况下被放大 3 浏览器支持 Internet Exp

多种方法实现Loading(加载)动画效果

当我们ajax提交一个按钮的时候,给那个按钮来个Loading效果会高端很多,体验也会上升个层次. 既能让用户知道正在提交中,也能防止二次提交,好处多多呢. 上面的这个圈圈是会滚动的.简单点的话,可以直接用GIF动态图片实现.不过现在已经有了CSS3和HTML5了,多了好几种高大上的实现方式. 这里先来介绍几个动画的在线demo,第一个是HTML5 Boilerplate中的Effeckt.css,第二个是Animate.css. 下面一一列出,如果要结合按钮的话,可自行修改下CSS或JS等文件