返回顶部
首页 > 资讯 > 精选 >Android基于ViewFilpper如何实现文字LED显示效果
  • 921
分享到

Android基于ViewFilpper如何实现文字LED显示效果

android 2023-05-30 22:05:56 921人浏览 泡泡鱼
摘要

小编给大家分享一下Android基于ViewFilpper如何实现文字LED显示效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!具体如下:这里给出来自Android官方api DEMO中动画效果实例。public&nbs

小编给大家分享一下Android基于ViewFilpper如何实现文字LED显示效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

具体如下:

这里给出来自Android官方api DEMO中动画效果实例。

public class Animation2 extends Activity implements    AdapterView.OnItemSelectedListener {  // Spinner数据源  private String[] mStrings = { "Push up", "Push left", "Cross fade",      "Hyperspace" };  // 控件ViewFlipper  private ViewFlipper mFlipper;  @Override  public void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.animation_2);    // 初始化UI控件    initViews();  }  private void initViews() {    mFlipper = ((ViewFlipper) this.findViewById(R.id.flipper));    mFlipper.startFlipping();    Spinner s = (Spinner) findViewById(R.id.spinner);    ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,        android.R.layout.simple_spinner_item, mStrings);    // 定义Spinner下拉菜单模式    adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);    // 设置数据    s.setAdapter(adapter);    // 添加监听    s.setOnItemSelectedListener(this);  }    @Override  public void onItemSelected(AdapterView<?> parent, View v, int position,      long id) {    switch (position) {    case 0:// 文字从下进入,从上移出,伴随透明度变化      mFlipper.setInAnimation(AnimationUtils.loadAnimation(this,          R.anim.push_up_in));      mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,          R.anim.push_up_out));      break;    case 1:// 文字从右侧向左进入,从右侧移出,伴随透明度变化      mFlipper.setInAnimation(AnimationUtils.loadAnimation(this,          R.anim.push_left_in));      mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,          R.anim.push_left_out));      break;    case 2:// 文字透明度改变,从0-1-0      mFlipper.setInAnimation(AnimationUtils.loadAnimation(this,          android.R.anim.fade_in));      mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,          android.R.anim.fade_out));      break;    default:// 多维空间动画(复合动画效果)      mFlipper.setInAnimation(AnimationUtils.loadAnimation(this,          R.anim.hyperspace_in));      mFlipper.setOutAnimation(AnimationUtils.loadAnimation(this,          R.anim.hyperspace_out));      break;    }  }  @Override  public void onNothingSelected(AdapterView<?> parent) {    // TODO Auto-generated method stub    // DO NOTHING  }}

布局文件,TextView中添加自己想显示的文字

<LinearLayout xmlns:android="Http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="wrap_content"  android:orientation="vertical"  android:padding="10dip" >  <ViewFlipper    android:id="@+id/flipper"    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_marginBottom="20dip"    android:flipInterval="2000" >    <TextView      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:gravity="center_horizontal"      android:text="@string/animation_2_text_1"      android:textSize="26sp" />    <TextView      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:gravity="center_horizontal"      android:text="@string/animation_2_text_2"      android:textSize="26sp" />    <TextView      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:gravity="center_horizontal"      android:text="@string/animation_2_text_3"      android:textSize="26sp" />    <TextView      android:layout_width="match_parent"      android:layout_height="wrap_content"      android:gravity="center_horizontal"      android:text="@string/animation_2_text_4"      android:textSize="26sp" />  </ViewFlipper>  <TextView    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_marginBottom="5dip"    android:text="@string/animation_2_instructions" />  <Spinner    android:id="@+id/spinner"    android:layout_width="match_parent"    android:layout_height="wrap_content" /></LinearLayout>

动画文件res/anim文件夹下

push_up_in.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" >  <translate    android:duration="300"<!--动画时长-->    android:fromYDelta="100%p"<!--Y方向初始位置-->    android:toYDelta="0" /><!--Y方向动画结束位置-->  <alpha    android:duration="300"    android:fromAlpha="0.0"<!--初始透明度-->    android:toAlpha="1.0" /><!--动画结束时透明度--></set>

push_up_out.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" >  <translate    android:duration="300"    android:fromYDelta="0"    android:toYDelta="-100%p" />  <alpha    android:duration="300"    android:fromAlpha="1.0"    android:toAlpha="0.0" /></set>

push_left_in.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" >  <translate    android:duration="300"    android:fromXDelta="100%p"    android:toXDelta="0" />  <alpha    android:duration="300"    android:fromAlpha="0.0"    android:toAlpha="1.0" /></set>

push_left_out.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android" >  <translate    android:duration="300"    android:fromXDelta="0"    android:toXDelta="-100%p" />  <alpha    android:duration="300"    android:fromAlpha="1.0"    android:toAlpha="0.0" /></set>

fade_in.xml

<?xml version="1.0" encoding="utf-8"?><alpha xmlns:android="http://schemas.android.com/apk/res/android"  android:duration="@android:integer/config_longAnimTime"  android:fromAlpha="0.0"  android:interpolator="@interpolator/decelerate_quad"  android:toAlpha="1.0" />

fade_out.xml

<?xml version="1.0" encoding="utf-8"?><alpha xmlns:android="http://schemas.android.com/apk/res/android"  android:duration="@android:integer/config_mediumAnimTime"  android:fromAlpha="1.0"  android:interpolator="@interpolator/accelerate_quad"<!--设置动画插值器-->  android:toAlpha="0.0" />

hyperspace_in.xml

<?xml version="1.0" encoding="utf-8"?><alpha xmlns:android="http://schemas.android.com/apk/res/android"  android:duration="300"  android:fromAlpha="0.0"  android:startOffset="1200"<!--设置启动时间-->  android:toAlpha="1.0" />

hyperspace_out.xml

<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android"  android:shareInterpolator="false" >  <scale    android:duration="700"    android:fillAfter="false"<!--动画结束画面是否停留在最后一帧-->    android:fillEnabled="true"<!--使能填充效果-->    android:fromXScale="1.0"<!--X方向起始缩放值-->    android:fromYScale="1.0"<!--Y方向起始缩放值-->    android:interpolator="@android:anim/accelerate_decelerate_interpolator"    android:pivotX="50%"<!--动画相对于物件的X、Y坐标的开始位置-->    android:pivotY="50%"    android:toXScale="1.4"    android:toYScale="0.6" />  <set android:interpolator="@android:anim/accelerate_interpolator" >    <scale<!--缩放动画-->      android:duration="400"      android:fillAfter="true"      android:fillBefore="false"      android:fillEnabled="true"      android:fromXScale="1.4"      android:fromYScale="0.6"      android:pivotX="50%"      android:pivotY="50%"      android:startOffset="700"      android:toXScale="0.0"      android:toYScale="0.0" />    <rotate<!--旋转动画-->      android:duration="400"      android:fillAfter="true"      android:fillBefore="false"      android:fillEnabled="true"      android:fromDegrees="0"      android:pivotX="50%"      android:pivotY="50%"      android:startOffset="700"      android:toDegrees="-45"      android:toYScale="0.0" />  </set></set>

看完了这篇文章,相信你对“Android基于ViewFilpper如何实现文字LED显示效果”有了一定的了解,如果想了解更多相关知识,欢迎关注编程网精选频道,感谢各位的阅读!

--结束END--

本文标题: Android基于ViewFilpper如何实现文字LED显示效果

本文链接: https://lsjlt.com/news/221570.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • Android基于ViewFilpper如何实现文字LED显示效果
    小编给大家分享一下Android基于ViewFilpper如何实现文字LED显示效果,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!具体如下:这里给出来自Android官方API DEMO中动画效果实例。public&nbs...
    99+
    2023-05-30
    android
  • android显示TextView文字的倒影效果实现代码
    今天记录一下TextView的倒影效果,显示一串文字,然后在文字的下方显示出它的倒影,先上效果图: 最重要的就是View中getDrawingCache()方法,该方法可以获...
    99+
    2022-06-06
    Android
  • 基于React.js如何实现简单的文字跑马灯效果
    这篇文章主要介绍“基于React.js如何实现简单的文字跑马灯效果”,在日常操作中,相信很多人在基于React.js如何实现简单的文字跑马灯效果问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”基于React.j...
    99+
    2023-07-05
  • 基于Android实现3D翻页效果
    最近做了一个简单的3D效果翻页特效,先说说我的思路吧,首先我这个翻页效果并不是两个Activity之间的跳转,而是在同一个activity类切换不同的view而已。我现在的做法...
    99+
    2022-06-06
    3d Android
  • 基于Android实现ListView圆角效果
    本文演示如何在Android中实现ListView圆角效果。 无论是网站,还是APP,人们都爱看一些新颖的视图效果。直角看多了,就想看看圆角,这几年刮起了一阵阵的圆角设计风:C...
    99+
    2022-06-06
    listview Android
  • Android基于ViewPager+Fragment如何实现左右滑屏效果
    这篇文章主要为大家展示了Android基于ViewPager+Fragment如何实现左右滑屏效果,内容简而易懂,希望大家可以学习一下,学习完之后肯定会有收获的,下面让小编带大家一起来看看吧。本文实例讲述了Android基于ViewPage...
    99+
    2023-05-31
    android viewpager fragment
  • Android基于TextView实现跑马灯效果
    本文实例为大家分享了Android TextView实现跑马灯效果的具体代码,供大家参考,具体内容如下 当Layout中只有一个TextView需要实现跑马灯效果时,操作如下...
    99+
    2022-06-06
    跑马灯 Android
  • Android实现文字滚动效果
    Android 实现文字滚动效果,自己写了个timer小计时器,textview文字上下翻动效果: public class AutoTextView extends Te...
    99+
    2022-06-06
    动效 Android
  • Android实现文字消除效果
    今天和大家分享一个如何从右到左消除文本的动画。 先看效果图: 由于项目和语音识别相关,有时候人在不经意间交流的无效音频会被识别出来,并展示于界面,为了美观,客户要求我们将这些无效的...
    99+
    2024-04-02
  • 基于Echarts如何实现饼图效果
    这篇文章主要讲解了“基于Echarts如何实现饼图效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“基于Echarts如何实现饼图效果”吧!1 显示数值效果 series 下的label 饼...
    99+
    2023-06-30
  • 基于React.js实现简单的文字跑马灯效果
    刚好手上有一个要实现文字跑马灯的react项目,然后ant-design上面没有这个组件,于是只能自己手撸一个。 我想到的最简单的方法,就是定位啦,定时移动这个文字块不就跑起来了。 ...
    99+
    2023-01-14
    React实现文字跑马灯效果 React文字跑马灯 React跑马灯
  • 如何在Android应用层中制作一个LED指示灯效果
    本篇文章给大家分享的是有关如何在Android应用层中制作一个LED指示灯效果,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。实现方法如下:public class LEDAct...
    99+
    2023-05-31
    android roi
  • Android实现拍照及图片显示效果
    本文实例为大家分享了Android拍照及图片显示的具体代码,供大家参考,具体内容如下 1、功能声明 当应用需要使用相机、NFC等外设时,需要在AndroidManifest...
    99+
    2022-06-06
    图片 Android
  • 基于HTML5+CSS3如何实现时钟效果
    这篇文章给大家分享的是有关基于HTML5+CSS3如何实现时钟效果的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。目的:利用html5,css实现钟摆效果知识点: 1) 利用pos...
    99+
    2024-04-02
  • 基于jquery如何实现轮播图效果
    这篇文章主要讲解了“基于jquery如何实现轮播图效果”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“基于jquery如何实现轮播图效果”吧!轮播图左切换原理图黄色的方框表示的是  ...
    99+
    2023-06-14
  • CSS如何实现文本溢出显示省略号效果
    本文小编为大家详细介绍“CSS如何实现文本溢出显示省略号效果”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS如何实现文本溢出显示省略号效果”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。text-overfl...
    99+
    2023-07-04
  • Android基于ListView实现类似Market分页加载效果示例
    本文实例讲述了Android基于ListView实现类似Market分页加载效果。分享给大家供大家参考,具体如下: 最近几天研究ListView实现分页加载和滚动加载,发现可以...
    99+
    2022-06-06
    market 示例 listview Android
  • Android基于TextView实现的跑马灯效果实例
    本文实例讲述了Android基于TextView实现的跑马灯效果。分享给大家供大家参考,具体如下: package sweet.venst.act; import java....
    99+
    2022-06-06
    跑马灯 Android
  • 基于JS实现点击图片在弹出层显示大图效果
    Javascript是个好东西。 Jquery是基于这个好东西的一个强大的库。 今天要实现的功能是基于这两个玩意儿的。 点击图片,在弹出层显示原图。 大概效果是这样的: 上代码: ...
    99+
    2022-11-13
    JS弹出层显示大图 JS 显示大图 JS 大图
  • Android自定义AvatarImageView实现头像显示效果
    看看效果图:我们项目中头像显示一般都是圆形的,但是有时候不排除各种样式(不一定是个规则的形状),比如 上次UI给了我一个 圆形下面少了一块。我们一般实现自定义形状的图形有三种方式:PorterDuffXfermode 、BitmapShad...
    99+
    2023-05-30
    android avatarimageview 头像
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作