Android Widget点击切换ImageView显隐实现带延迟动画的刷新按钮方案求助

Widget 基于 RemoteViews 跨进程渲染，不支持直接操作 View 或者使用普通应用的补间/属性动画，所有动画效果都需要通过 RemoteViews 状态切换配合延迟任务实现，以下是适配你需求的实现方案：

双 ImageView 切换方案（匹配你的需求） #

1. 布局定义 #

提前在 Widget 布局文件中声明两个刷新图标，旋转状态的图标直接在布局中固定180度属性，无需代码动态修改：

<!-- 普通状态刷新图标 -->
<ImageView
    android:id="@+id/iv_refresh_normal"
    android:layout_width="24dp"
    android:layout_height="24dp"
    android:src="@drawable/ic_refresh" />

<!-- 180度旋转状态刷新图标 -->
<ImageView
    android:id="@+id/iv_refresh_rotated"
    android:layout_width="24dp"
    android:layout_height="24dp"
    android:src="@drawable/ic_refresh"
    android:rotation="180"
    android:visibility="gone" />

2. 注册点击事件 #

在 AppWidgetProvider 的 onUpdate 方法中，给两个图标绑定相同的点击PendingIntent：

val clickIntent = Intent(context, MyWidgetProvider::class.java).apply {
    action = "com.your.package.ACTION_REFRESH_WIDGET"
    putExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, appWidgetId)
}
val pendingIntent = PendingIntent.getBroadcast(
    context,
    appWidgetId,
    clickIntent,
    PendingIntent.FLAG_UPDATE_CURRENT or PendingIntent.FLAG_IMMUTABLE
)
remoteViews.setOnClickPendingIntent(R.id.iv_refresh_normal, pendingIntent)
remoteViews.setOnClickPendingIntent(R.id.iv_refresh_rotated, pendingIntent)
appWidgetManager.updateAppWidget(appWidgetId, remoteViews)

3. 处理点击逻辑实现动画 #

在 onReceive 中拦截自定义点击事件，分两步切换视图状态：

override fun onReceive(context: Context?, intent: Intent?) {
    super.onReceive(context, intent)
    if (intent?.action != "com.your.package.ACTION_REFRESH_WIDGET" || context == null) return

    val appWidgetId = intent.getIntExtra(AppWidgetManager.EXTRA_APPWIDGET_ID, AppWidgetManager.INVALID_APPWIDGET_ID)
    if (appWidgetId == AppWidgetManager.INVALID_APPWIDGET_ID) return

    val remoteViews = RemoteViews(context.packageName, R.layout.widget_layout)
    val appWidgetManager = AppWidgetManager.getInstance(context)

    // 第一步：切换为旋转图标状态，立刻更新Widget
    remoteViews.setViewVisibility(R.id.iv_refresh_normal, View.GONE)
    remoteViews.setViewVisibility(R.id.iv_refresh_rotated, View.VISIBLE)
    appWidgetManager.updateAppWidget(appWidgetId, remoteViews)

    // 延迟400ms后切回原状态，同时执行刷新逻辑
    Handler(Looper.getMainLooper()).postDelayed({
        // 此处添加你的Widget数据更新逻辑
        // ...

        // 切回普通图标状态
        remoteViews.setViewVisibility(R.id.iv_refresh_normal, View.VISIBLE)
        remoteViews.setViewVisibility(R.id.iv_refresh_rotated, View.GONE)
        appWidgetManager.updateAppWidget(appWidgetId, remoteViews)
    }, 400)
}

更优实现思路：帧动画 #

如果需要更流畅的连续旋转效果，不需要两个ImageView，可直接用帧动画实现：

• 在 res/drawable 下定义帧动画XML，放入8~12张连续旋转的刷新图标帧，总时长控制在400ms左右
• 布局中只保留一个ImageView，src设置为上述帧动画资源
• 点击时触发动画播放，延迟动画总时长后执行刷新逻辑即可，实现代码更简洁

注意事项 #

• 不要尝试在Widget中使用普通View动画，RemoteViews不支持相关API，会出现无效果或崩溃问题
• 如果担心App进程被杀导致延迟任务失效，可以将Handler延迟替换为AlarmManager一次性定时任务，稳定性更高
• 动画时长建议不要超过1s，避免在部分响应慢的Launcher上出现卡顿感

内容的提问来源于stack exchange，提问作者CJ Kev