自定义 View 尝试 : 简单动画的下拉选项 View(Kotlin 实现)

最新推荐文章于 2026-05-01 11:27:04 发布
原创 最新推荐文章于 2026-05-01 11:27:04 发布 · 688 阅读 · 0
标签
#Android #View
本文记录了一位 Android 开发者尝试制作自定义 View 的过程，灵感来源于一个设计作品。该 View 包含一个旋转动画的标题和一个 PopupWindow，开发者分享了实现动画的部分代码，并探讨了 PopupWindow 阴影效果的难题。项目旨在提升自定义 View 技能，鼓励开发者面对和解决问题。

起因

作为 Android 开发人员,自定义 View 一定是一个不能绕过的问题,我却对自定义 View 一直保持着一种敬而远之的态度,经常会有意避免去使用,主要的原因就是我对控件的及布局的美感基本为 0 ,做出来的控件经常都是功能能实现但是美观程度简直不忍直视.

不过最近我意识到逃避是解决不了问题的,因此去了一些的关于布局设计的网站学习其他人分享出来的一些设计(感谢分享),也确实看到了相当多的好设计,看得多了自然想自己动手制作一个,这篇文章则是一个学习记录.

成果

设计来源

前两天在看一些布局设计时,突然看到了这么一个控件,感觉相当不错并且动画效果也相对简单就直接着手尝试制作了.

设计来源:https://www.uplabs.com/posts/a-simple-dropdown

分析

当打算制作这个控件的时候,第一步当然是分析这个控件该怎么做,动画效果都有那些,从何处着手.
首先这个控件分为两个部分,上半部分也就是标题部分是一个线性布局,而下半部分则是一个 PopupWindow (我是这么理解的)
而动画效果就有两处,一处是标题部分后面的三角标识的旋转动画,另一部分则是 PopupWindow 的弹出与消失动画

部分代码展示

当然这个控件只是一个相当简单的小控件,其中并没有什么技术难度,这里也就不详细记录开发流程,而是将动画呈现代码贴出来,之前一

最低0.47元/天 解锁文章
kotiln实现滑屏界面（图片切换）
01-03
kotlin实现滑屏界面（图片切换） 首先我们先来看一下Java的滑屏是怎样实现的。 清风伴佳人 原创文章 4获赞 4访问量 961 关注
DropdownTextView：适用于Android的简单下拉（可扩展）TextView
02-04
DropdownTextView 适用于Android的简单下拉TextView 介绍 用法 通过XML向您的布局添加下拉菜单 < LinearLayout xmlns : android = " http://schemas.android.com/apk/res/android " xmlns : app = " http://schemas.android.com/apk/res-auto " android : layout_width = " match_parent " android : layout_height = " match_paren
Android一个通用的下拉框适配器（kotlin版本）
qigaidawang111的博客
05-07 2096
通用的下拉适配器介绍适配器的实现SpinnerAdapter适配器布局项目实战效果展示 介绍 通常一个项目中要用到好多次下拉框，但是每次下拉框的数据来源都不一样，需要展示在界面上的字段都不一样，不能每次都写一遍适配器，所以就需要通用的适配器来帮助。 适配器的实现 SpinnerAdapter // /** 一个通用的下拉适配器,下拉的数据的类不一样，需要展示在界面上的字段也不一样的时候 * @param context 上下文 * @param data 下拉的数据源 * @param vis
Kotlin学习笔记十二、Kotlin复杂控件的使用
haoyuegongzi的博客
05-18 1075
1、Spinner下拉框： spinner的spinnerMode属性，spinner显示为对话框(“dialog”)或者是下拉框(“dropdown”)形式； prompt属性表示spinner列表上方的提示; android:spinnerMode=["dialog"|"dropdown"] android:prompt="请选择城市" 但无论是dialog模式还是dropdown模式，在Java里面实现起来都是一长串的代码，但是这要是放到Kotlin下的Anko库里面来看，也就三五行代码的事儿： v
kotlin 自定义搜索下拉框
科技是唯一动力，干就完了
11-21 707
例如：随着不断的发展，我们的需求也越来越多了。提示：以下是本篇文章正文内容，下面案例可供参考示例：创建一个 kt文件。= null, // 添加的可选回调isNumericInput: Boolean = false, // 默认为false，除非明确指定) {var expanded by remember { mutableStateOf(false) } // 下拉框的展开状态Box() {delay(200)if (!// 如果是字符串输入，限制长度为10}else{
Android（Kotlin）:文本框、下拉表（实验课）
2021记录生活每一天
04-08 1748
翻了好久文档，来记个笔记、 文本框、下拉表 text_give_layout.xml: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" androi
强力推荐：Expandable Selection View —— 打造极致用户体验的下拉选择组件
gitblog_00758的博客
08-29 875
强力推荐：Expandable Selection View —— 打造极致用户体验的下拉选择组件 在安卓应用开发中，寻找一个既美观又实用的选择控件常常是开发者们的一大挑战。今天，我们为大家带来了一款开源神器——Expandable Selection View，这是一款能够彻底改变传统Spinner体验的创新组件。 项目介绍 Expandable Selection View 是由Kotlin编...
cascade深度解析：揭秘流畅高度动画的实现原理
gitblog_00839的博客
04-29 784
cascade是一款为Android平台打造的嵌套弹窗菜单库，专注于实现具有流畅高度动画效果的用户界面组件。它通过精心设计的动画系统和布局管理，让应用中的弹窗菜单交互更加自然和引人入胜，为用户带来愉悦的操作体验。 ## 核心功能与视觉体验 cascade的核心魅力在于其出色的动画效果和灵活的弹窗布局。它能够实现菜单在展开和收起过程中的平滑高度变化，让整个交互过程显得流畅而专业。 [![cas
探秘拇指点赞动画库：ThumbUpSample
gitblog_00010的博客
03-27 378
探秘拇指点赞动画库：ThumbUpSample 去发现同类优质开源项目:https://gitcode.com/ 在移动应用开发中，互动元素的设计往往能够提升用户体验，其中，动态的“点赞”或“喜欢”图标是常见的交互方式之一。是一个专注于实现这一效果的开源项目，它提供了丰富的自定义选项，让开发者轻松地为自己的应用添加生动有趣的点赞动画。 技术分析 ThumbUpSample 是基于 Android ...
终极指南：如何用Android-SpinKit实现高性能加载动画
最新发布
gitblog_00877的博客
05-01 639
Android-SpinKit是一款专为Android应用打造的加载动画库，提供了多种精美且高性能的加载动画效果，帮助开发者轻松提升应用的用户体验。无论是网络请求等待、数据加载过程还是用户操作反馈，Android-SpinKit都能为你的应用增添专业感和视觉吸引力。 ## 为什么选择Android-SpinKit？ 加载动画是提升用户体验的关键元素，一个设计良好的加载动画能够有效缓解用户等待时
Android开发实战：用Kotlin手把手教你自定义View
mnnde的博客
03-27 2638
在Android开发中，当系统提供的原生控件无法满足特定UI需求时，开发者可以通过继承View或其子类（如TextViewImageView）来创建自定义组件，这种技术称为自定义View。实现独特的UI设计效果优化复杂布局的性能封装可复用的UI组件处理特殊的交互逻辑= null,在中定义属性：运行 HTML在View中读取属性：init {attrs,0, 0).apply {try {recycle()通过本文我们学习了：自定义View的基本实现流程。
android 下拉菜单Spinner 几种使用
05-17
android 下拉菜单spinner几种使用方法解释
窗帘式 从上往下弹出popupwindow带遮罩
08-23
popupwindow 遮罩 窗帘式 从上往下 半显示 带动画 漂亮
kotlin记录
hxchuan000的专栏
06-05 224
Kotlin中的object与companionobject的区别 - 简书
Android第一行代码——快速入门 Kotlin 编程（12.6 下拉刷新）
fhbxts的博客
03-30 1017
SwipeRefreshLayout 就是用于实现下拉刷新功能的核心类，我们把想要实现下拉刷新功能的 控件放置到 SwipeRefreshLayout 中，就可以迅速让这个控件支持下拉刷新。现在可以重新运行一下程序了，在屏幕的主界面向下拖动，会有一个下拉刷新的进度条出现， 松手后就会自动进行刷新了，效果如 图12.16 所示。方法来设置一 个下拉刷新的监听器，当用户进行了下拉刷新操作时，就会回调到 Lambda 表达式当中，然后 我们在这里去处理具体的刷新逻辑就可以了。方法来设置一 个下拉刷新的监听器。
Kotlin 底部弹出的列表对话框(单选)
m0_70082867的博客
04-29 1195
android:textSize=“30dp” app:layout_constraintBottom_toBottomOf=“parent” app:layout_constraintStart_toEndOf=“@+id/tv1” app:layout_constraintTop_toTopOf=“parent” /> 3.MainActivity.kt class MainActivity : AppCompatActivity() { private var list: MutableLi
用kotlin怎么写Android切换界面
qq_44856481的博客
07-21 1521
跳转页面
kotlin Spinner下拉框使用
weixin_40981751的博客
08-28 1208
https://www.geeksforgeeks.org/spinner-in-kotlin/
简单粗暴！教你5分钟用kotlin 怼出一个文本选择器
mydream___anjie的博客
06-27 531
不知道你是否曾遇到需要选择年龄，城市，日期等列表文本的情况呢？类似下图的效果: 滑动列表时中间位置突出选中，两侧保持一致，如果是你来实现这个功能，会怎么去做呢？ 本文带你用最快的速度最小的成本实现一个简单粗暴且稳定的文本选择器，语言我们使用kotlin，当然java也是可以的，这里它们几乎没有什么差异。 首先需要有滚动的功能，RecyclerView和scrollView都能满足需求，我们先尝试使用ScrollView+LinearLayout实现，至于RecyclerView我们后面会提到。
Kotlin安卓开发：组件Spinner使用
12-21 5350
本来是用得radioGroup，结果太多了，占地方，就改为了spinner。 xml：这里有一个弹出模式，一个是pop的一个是下拉。 &lt;Spinner android:id="@+id/sortSpinner" android:layout_width="wrap_content" android:la...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值