介绍:
一个不错的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) { } }
相关推荐
this.$root.$on('loading:start', () => { this.showLoading = true }) this.$root.$on('loading:end', () => { this.showLoading = false }) } } ``` 以上就是如何在Vue Router中实现路由切换时的loading...
3. **Loading效果**: Loading效果通常是在网页内容加载时显示的动画,以告知用户页面正在加载并提供视觉反馈。这些效果可以通过纯CSS实现,也可以结合JavaScript来控制。在本项目中,可能包含了多种不同风格和样式的...
在Java的Swing库中,鼠标事件(Mouse Events)是用户与GUI组件交互的重要部分,而loading效果则通常指的是在处理耗时操作时显示的一种视觉指示,以告知用户程序正在运行且尚未完成。本篇文章将深入探讨如何在Swing...
在前端开发中,"loading效果"是用户交互过程中的一个重要组成部分。它通常指的是网页或应用在加载内容时显示的一种动画效果,旨在告知用户系统正在处理数据,提高用户体验,避免用户因等待而产生的不耐烦。CSS...
在网页设计中,用户体验是至关重要的一个环节,而页面加载的Loading效果就是提升用户体验的一种方式。Loading效果,也称为加载动画或预加载器,通常在网页内容还未完全加载完成时显示,以告知用户页面正在努力加载,...
在网页设计中,加载效果(通常称为“页面loading效果”)是用户体验的重要组成部分。当用户访问一个网站或应用时,加载过程可能需要时间,而一个精心设计的loading动画可以缓解用户的等待焦虑,同时提升品牌形象。本...
在Windows Forms(Winform)开发中,我们经常需要在执行耗时操作时向用户展示一个加载指示器,也就是所谓的“loading加载框效果”。这既是为了提高用户体验,让用户知道程序正在后台处理事务,也是为了避免用户在...
"WPF 用户控件 Loading 效果"通常指的是设计一个自定义的用户控件,用于在界面操作正在进行时向用户显示一个动画式的加载指示。 在WPF中实现Loading效果,我们可以利用以下几个关键知识点: 1. **动画(Animation)*...
在Android开发中,动画(Animation)是提升用户体验和视觉效果的重要工具之一,特别是在创建加载(Loading)效果时。本文将深入探讨如何使用Android Animation来实现动态的Loading效果。 一、Android Animation概述 ...
它提供了丰富的组件库和高级功能,其中包括加载(loading)效果。在本文中,我们将深入探讨如何利用ExtJS和CSS来实现加载时的缓冲效果。 一、ExtJS的Loading效果 ExtJS的loading效果是指当数据正在后台加载或页面...
在本文中,我们将深入探讨如何使用纯CSS3技术来创建一个引人注目的渐进点点Loading效果。这种效果在网页加载或者数据处理时非常常见,可以为用户提供一种视觉反馈,让他们知道系统正在忙碌并即将完成任务。我们将...
当我们谈论“旋转的loading效果”时,我们通常是指一种视觉反馈机制,它告知用户系统正在进行后台处理,如数据加载、页面渲染或资源下载。这种效果以一种吸引人的方式展示,避免用户在等待过程中感到不耐烦。 加载...
"原生CSS的loading遮罩层效果"是指使用纯CSS技术来创建一个在页面内容加载时显示的加载指示器,并配合遮罩层,以提供更好的交互体验。这种技术避免了用户在等待页面完全加载时进行多次提交,确保数据的正确处理,...
10种loading效果,精美效果,十分有用.
"图片预加载 Loading 效果"就是一种在图片实际加载过程中显示动态加载进度(如百分比)的方式,给用户一个视觉反馈,让他们知道图片正在加载而不会感觉等待过程过于漫长。 1. **图片预加载的原理**: - 图片预加载...
Android实现远程登录功能,含有进度条loading登录效果,登录后台通知更新UI线程,主要用于登录失败,通知UI线程更新界面,检查用户登陆,服务器通过DataOutputStream的dos.writeInt(int);来判断是否登录成功(服务器返回...
"LoadingDialog"是一种在Android应用开发中常见的用户界面元素,用于在执行耗时操作(如数据加载、网络请求等)时向用户提供反馈,通常显示一个旋转的菊花图标和简短的文字提示,告知用户系统正在处理任务。...
在IT行业中,加载效果(loading effect)是一种常见的用户体验设计元素,尤其在网页和应用程序中,它用于指示用户数据正在加载或程序正在初始化。Flash作为早期的交互式内容创作工具,曾广泛用于创建各种动态效果,...
基于CSS3实现的Windows10的Loading效果代码,黑色背景
为了提高用户的等待体验,设计师们会采用CSS来创建各种各样的“等待遮罩”或“loading”效果。"CSS等待遮罩loading效果(多个)"是一个集合,包含了多个不同的CSS实现的加载动画,旨在为用户提供美观且不单调的加载...