当前位置: 首页 > news >正文

【Android】分别用JAVA和Kotlin实现横向扫描的动画效果

Android 横向扫描的动画可以通过使用 ViewPropertyAnimator 和 ObjectAnimator 来实现。

首先,在 XML 布局文件中创建一个 ImageView,并设置其宽度为 0dp,高度为 match_parent。然后,创建一个横向的渐变色 Drawable,并将其设置为 ImageView 的背景。最后,使用 ViewPropertyAnimator 来设置 ImageView 的宽度变化,实现横向扫描的动画效果。


具体实现步骤如下:

Java

1.在 XML 布局文件中添加 ImageView 和横向渐变色 Drawable:

<ImageView    android:id="@+id/scan_line"    android:layout_width="50dp"    android:layout_height="match_parent"    android:background="@drawable/scan_gradient" />

2.创建一个横向渐变色 Drawable,命名为 scan_gradient.xml:

<shape xmlns:android="http://schemas.android.com/apk/res/android"android:shape="rectangle"><gradientandroid:startColor="#00000000"android:endColor="#03A9F4"android:type="linear"android:angle="0"/>
</shape>

3.使用 ViewPropertyAnimator 来设置 ImageView 的宽度变化:

// 获取 ImageView
ImageView scanLine = findViewById(R.id.scan_line);// 获取屏幕宽度
int screenWidth = getResources().getDisplayMetrics().widthPixels;
Log.i(getClass().getSimpleName(), "onBindViewHolder: screenWidth = "+screenWidth);
// 设置 ViewPropertyAnimator
scanLine.animate().translationX(screenWidth) // 横向移动到屏幕右侧.setDuration(3000) // 动画时长为 3 秒.setInterpolator(new LinearInterpolator()) // 设置动画插值器.withEndAction(new Runnable() {@Overridepublic void run() {// 动画结束后,重新设置 ImageView 的宽度为 0scanLine.setTranslationX(0);scanLine.animate().setStartDelay(1000).start();}}).start();

上述代码中,使用 setDuration 方法设置动画时长为 3 秒,使用 setInterpolator 方法设置动画插值器为 LinearInterpolator,使得动画的速度保持匀速不变。使用 withEndAction 方法设置动画结束后的回调,重新设置 ImageView 的宽度为 0,并使用 setStartDelay 方法设置动画延迟 1 秒后再次启动,实现无限循环横向扫描的动画效果。

动画在Item的Adapter中时,获取宽度的方法

int screenWidth = holder.itemView.getResources().getDisplayMetrics().widthPixels;

Kotlin

  • 创建 ViewPager 和 PagerAdapter
class MyPagerAdapter(private val items: List<String>, fm: FragmentManager) : FragmentPagerAdapter(fm) {    override fun getItem(position: Int): Fragment {        return MyFragment.newInstance(items[position])    }    override fun getCount(): Int {        return items.size    }}
  • 创建 Fragment 和布局文件
class MyFragment : Fragment() {private lateinit var textView: TextViewoverride fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {val view = inflater.inflate(R.layout.fragment_my, container, false)textView = view.findViewById(R.id.text_view)return view}override fun onViewCreated(view: View, savedInstanceState: Bundle?) {super.onViewCreated(view, savedInstanceState)val text = arguments?.getString(ARG_TEXT) ?: ""textView.text = text}companion object {private const val ARG_TEXT = "text"fun newInstance(text: String): MyFragment {val fragment = MyFragment()val args = Bundle()args.putString(ARG_TEXT, text)fragment.arguments = argsreturn fragment}}
}

fragment_my.xml 布局文件:

<TextViewandroid:id="@+id/text_view"android:layout_width="match_parent"android:layout_height="match_parent"android:gravity="center"android:textSize="24sp" />
  • 设置 ViewPager 和 PageTransformer
val viewPager = findViewById<ViewPager>(R.id.view_pager)
val items = listOf("One", "Two", "Three", "Four", "Five")
val adapter = MyPagerAdapter(items, supportFragmentManager)
viewPager.adapter = adapter
viewPager.setPageTransformer(false) { page, position ->val absPosition = abs(position)if (absPosition >= 1) {page.alpha = 0f} else {page.alpha = 1f - absPosition}
}

在这个例子中,我们使用 setPageTransformer 方法设置了一个 PageTransformer 对象,该对象实现了 transformPage 方法来控制每个页面的动画效果。在这个例子中,我们实现了一个简单的淡入淡出效果,即页面从左侧进入屏幕时逐渐变得不透明,而从右侧离开屏幕时逐渐变得透明。

http://www.lryc.cn/news/91568.html

相关文章:

  • 长尾词挖掘,如何选择精准的长尾词优化?
  • Python相关环境变量配置和模拟手机app登录
  • c++ 11标准模板(STL) std::map(九)
  • 深入探索chatGPT插件:SceneXplain,Wolfram,和AppyPieAIAppBuilder
  • 华为OD机试真题B卷 Java 实现【停车场车辆统计】,附详细解题思路
  • 第二章:MySQL环境搭建
  • 生产环境之负载均衡LVS+keepalived方案(2)_LVS介绍
  • 【parsel】------- PYTHON爬虫基础4
  • MySQL数据库从入门到精通学习第8天(表数据的查询)
  • 什么是IPAM?如何使用IPAM来管理IP地址和DHCP?
  • PCIE学习
  • 商业智力,Social焕新|数说故事重磅发布“SocialGPT”,国内首个专注Social领域的商业大模型
  • STM32HAL库RS485-ModBus协议控制伺服电机
  • 【医学图像】图像分割系列.3 (uncertainty)
  • Java有线程安全的set吗?
  • 《HelloGitHub》第 86 期
  • LDGRB-01 3BSE013177R1 将数字输入和继电器输出结合
  • 手动计算校正年龄、性别后的标准化死亡率 (SMR)
  • Java组合模式:构建多层次公司组织架构
  • Langchain-ChatGLM:基于本地知识库问答
  • 设计模式十 适配器模式
  • 1.6 初探JdbcTemplate操作
  • 为什么要用线程池?
  • c语言的预处理和编译
  • 网络安全必学 SQL 注入
  • Docker基础知识详解
  • 腾讯、阿里入选首批“双柜台证券”,港股市场迎盛夏升温?
  • CentOS7 使用Docker 安装MySQL
  • 注解和反射复习
  • RocketMQ的demo代码