`
HAI_奔跑的豹子
  • 浏览: 1135 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

看了都会喜欢的:loading效果

阅读更多

介绍:
一个不错的loading加载效果,弹性收缩,效果不错,学习android动画的朋友可以下载来研究研究
本例子其实由SeekBar实现,由MetaballView,MetaballDebugView实现动画效果.
项目来自:http://www.itlanbao.com/code/20151209/10000/100683.html

当滑动到有一个位置的时候设置选中和未选中状态.
metaballView.setPaintMode();

debugMetaballView.setPaintMode();
设置SeekBar 的进度debugMetaballView.setMaxDistance(progress);

 

效果截图:

 

布局引入:

<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"
    android:background="#001d30"
    android:clipChildren="false"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity">

    <com.dodola.animview.MetaballView
        android:id="@+id/metaball"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true" />

    <com.dodola.animview.MetaballDebugView
        android:id="@+id/debug_metaball"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignEnd="@+id/metaball"
        android:layout_alignRight="@+id/metaball"
        android:layout_below="@+id/metaball"
        android:layout_marginTop="20dp" />

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_alignTop="@+id/debug_metaball"
        android:text="Debug test"
        android:textAppearance="?android:attr/textAppearanceMedium"
        android:textColor="@android:color/white" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:clickable="true"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="最大间距"
            android:textColor="@android:color/white" />

        <SeekBar
            android:id="@+id/seekBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:max="400" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="贝塞尔曲线角度"
            android:textColor="@android:color/white" />

        <SeekBar
            android:id="@+id/seekBar2"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:max="200" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="贝塞尔曲线控制点长度比率"
            android:textColor="@android:color/white" />

        <SeekBar
            android:id="@+id/seekBar3"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:max="500" />
    </LinearLayout>
</RelativeLayout>




主要代码如下:
package com.dodola.animview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.ProgressBar;
import android.widget.SeekBar;

public class MainActivity extends AppCompatActivity implements SeekBar.OnSeekBarChangeListener {

    private MetaballView metaballView;
    private MetaballDebugView debugMetaballView;
    private SeekBar seekBar, seekBar2, seekBar3;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        metaballView = (MetaballView) this.findViewById(R.id.metaball);
        debugMetaballView = (MetaballDebugView) findViewById(R.id.debug_metaball);
        seekBar = (SeekBar) findViewById(R.id.seekBar);
        seekBar2 = (SeekBar) findViewById(R.id.seekBar2);
        seekBar3 = (SeekBar) findViewById(R.id.seekBar3);
        seekBar.setOnSeekBarChangeListener(this);
        seekBar2.setOnSeekBarChangeListener(this);
        seekBar3.setOnSeekBarChangeListener(this);

    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_fill) {
            metaballView.setPaintMode(1);
            debugMetaballView.setPaintMode(1);
            return true;
        } else if (id == R.id.action_strock) {
            metaballView.setPaintMode(0);
            debugMetaballView.setPaintMode(0);
            return true;
        }

        return super.onOptionsItemSelected(item);
    }

    @Override
    public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {
        switch (seekBar.getId()) {
            case R.id.seekBar:
                debugMetaballView.setMaxDistance(progress);
                break;
            case R.id.seekBar2:
                debugMetaballView.setMv(progress / 100f);
                break;
            case R.id.seekBar3:
                debugMetaballView.setHandleLenRate(progress / 100f);
                break;
        }

    }

    @Override
    public void onStartTrackingTouch(SeekBar seekBar) {

    }

    @Override
    public void onStopTrackingTouch(SeekBar seekBar) {

    }
}

 

 

0
0
分享到:
评论

相关推荐

    vuerouter切换时loading效果实现

    this.$root.$on('loading:start', () =&gt; { this.showLoading = true }) this.$root.$on('loading:end', () =&gt; { this.showLoading = false }) } } ``` 以上就是如何在Vue Router中实现路由切换时的loading...

    各种样式loading效果

    3. **Loading效果**: Loading效果通常是在网页内容加载时显示的动画,以告知用户页面正在加载并提供视觉反馈。这些效果可以通过纯CSS实现,也可以结合JavaScript来控制。在本项目中,可能包含了多种不同风格和样式的...

    swing 鼠标事件 loading效果

    在Java的Swing库中,鼠标事件(Mouse Events)是用户与GUI组件交互的重要部分,而loading效果则通常指的是在处理耗时操作时显示的一种视觉指示,以告知用户程序正在运行且尚未完成。本篇文章将深入探讨如何在Swing...

    loading效果

    在前端开发中,"loading效果"是用户交互过程中的一个重要组成部分。它通常指的是网页或应用在加载内容时显示的一种动画效果,旨在告知用户系统正在处理数据,提高用户体验,避免用户因等待而产生的不耐烦。CSS...

    页面加载的Loading效果

    在网页设计中,用户体验是至关重要的一个环节,而页面加载的Loading效果就是提升用户体验的一种方式。Loading效果,也称为加载动画或预加载器,通常在网页内容还未完全加载完成时显示,以告知用户页面正在努力加载,...

    页面loading效果之一

    在网页设计中,加载效果(通常称为“页面loading效果”)是用户体验的重要组成部分。当用户访问一个网站或应用时,加载过程可能需要时间,而一个精心设计的loading动画可以缓解用户的等待焦虑,同时提升品牌形象。本...

    winform loading加载框效果

    在Windows Forms(Winform)开发中,我们经常需要在执行耗时操作时向用户展示一个加载指示器,也就是所谓的“loading加载框效果”。这既是为了提高用户体验,让用户知道程序正在后台处理事务,也是为了避免用户在...

    WPF 用户控件 Loading 效果

    "WPF 用户控件 Loading 效果"通常指的是设计一个自定义的用户控件,用于在界面操作正在进行时向用户显示一个动画式的加载指示。 在WPF中实现Loading效果,我们可以利用以下几个关键知识点: 1. **动画(Animation)*...

    android Animation动画实现loading效果

    在Android开发中,动画(Animation)是提升用户体验和视觉效果的重要工具之一,特别是在创建加载(Loading)效果时。本文将深入探讨如何使用Android Animation来实现动态的Loading效果。 一、Android Animation概述 ...

    Extjs的loading效果

    它提供了丰富的组件库和高级功能,其中包括加载(loading)效果。在本文中,我们将深入探讨如何利用ExtJS和CSS来实现加载时的缓冲效果。 一、ExtJS的Loading效果 ExtJS的loading效果是指当数据正在后台加载或页面...

    纯css3实现渐进点点loading效果

    在本文中,我们将深入探讨如何使用纯CSS3技术来创建一个引人注目的渐进点点Loading效果。这种效果在网页加载或者数据处理时非常常见,可以为用户提供一种视觉反馈,让他们知道系统正在忙碌并即将完成任务。我们将...

    旋转的loading效果

    当我们谈论“旋转的loading效果”时,我们通常是指一种视觉反馈机制,它告知用户系统正在进行后台处理,如数据加载、页面渲染或资源下载。这种效果以一种吸引人的方式展示,避免用户在等待过程中感到不耐烦。 加载...

    原生css的loading遮罩层效果

    "原生CSS的loading遮罩层效果"是指使用纯CSS技术来创建一个在页面内容加载时显示的加载指示器,并配合遮罩层,以提供更好的交互体验。这种技术避免了用户在等待页面完全加载时进行多次提交,确保数据的正确处理,...

    10种loading效果

    10种loading效果,精美效果,十分有用.

    图片预加载 Loading效果。

    "图片预加载 Loading 效果"就是一种在图片实际加载过程中显示动态加载进度(如百分比)的方式,给用户一个视觉反馈,让他们知道图片正在加载而不会感觉等待过程过于漫长。 1. **图片预加载的原理**: - 图片预加载...

    含有loading效果登录界面

    Android实现远程登录功能,含有进度条loading登录效果,登录后台通知更新UI线程,主要用于登录失败,通知UI线程更新界面,检查用户登陆,服务器通过DataOutputStream的dos.writeInt(int);来判断是否登录成功(服务器返回...

    LoadingDialog

    "LoadingDialog"是一种在Android应用开发中常见的用户界面元素,用于在执行耗时操作(如数据加载、网络请求等)时向用户提供反馈,通常显示一个旋转的菊花图标和简短的文字提示,告知用户系统正在处理任务。...

    loading效果 flash

    在IT行业中,加载效果(loading effect)是一种常见的用户体验设计元素,尤其在网页和应用程序中,它用于指示用户数据正在加载或程序正在初始化。Flash作为早期的交互式内容创作工具,曾广泛用于创建各种动态效果,...

    CSS实现WIN10 Loading效果

    基于CSS3实现的Windows10的Loading效果代码,黑色背景

    CSS等待遮罩loading效果(多个)

    为了提高用户的等待体验,设计师们会采用CSS来创建各种各样的“等待遮罩”或“loading”效果。"CSS等待遮罩loading效果(多个)"是一个集合,包含了多个不同的CSS实现的加载动画,旨在为用户提供美观且不单调的加载...

Global site tag (gtag.js) - Google Analytics