【问题标题】:How to make an animated circular progress button for android? [closed]如何为android制作一个动画圆形进度按钮? [关闭]
【发布时间】:2016-06-21 02:00:21
【问题描述】:

如何在 Android 中制作类似于以下 GIF 中的进度按钮?我搜索了很多,但我找不到像这样的东西:

这个按钮太漂亮了,我真的希望能够创建一个与这个完全一样的进度按钮。任何 GitHub 项目的帮助或链接都会很好。

【问题讨论】:

  • 我刚去 github 不到一分钟就找到了这个:Circular progress button 还有这个 Fab Progress
  • 我的朋友没有什么不同,我睁大了眼睛。首先你有一个按钮和一个动画。当您单击按钮时,您可以隐藏并设置可见的工厂进度,一旦完成,您可以再次设置可见。没有人可以直接帮助你。请做一些努力,并带着你尝试过的一些代码来到这里。我向您展示了一种方法,您可以尝试一下。Stackoverflow 就是为此目的而存在的
  • 如何将矩形按钮转换为圆形按钮动画?
  • 是的,还有另一种方法。我们可以谈谈可能性。但是,如果您选择一种方式并尝试它。然后用你的代码来得到准确的答案。另外,如果您查看我的第一条评论。您应该看到“圆形进度按钮”链接。如果你去那里观看演示,你可以看到你所说的那个动画!

标签: android android-layout button material-design


【解决方案1】:

这正是你要找的FabButton

<view
        android:layout_width="@dimen/button_size"
        android:layout_height="@dimen/button_size"
        class="mbanje.kurt.fabbutton.FabButton"
        android:id="@+id/determinate"
        android:layout_gravity="center"
        android:color="#ff6e9cff"
        android:src="@drawable/ic_fab_play"
        android:visibility="visible"
        android:layout_centerInParent="true"
        android:indeterminate="false"
        android:max="100"
        app:fbb_autoStart="true"
        app:fbb_progressColor="#ff170aff"
        app:fbb_progressWidthRatio="0.1"
        app:fbb_endBitmap="@drawable/ic_fab_complete"
        app:fbb_showEndBitmap="true"
        />

【讨论】:

    【解决方案2】:

    这是使用它的 GitHub 链接。

    LoadToast

    【讨论】:

    • 这正是我所需要的。真的很好。 tnx
    【解决方案3】:

    您可以实现一个圆形的 seekbar,当 seekBar 进度为 100 时,您可以将图像从十字 (x) 更改为刻度。实现循环进度条可以参考这个link

    【讨论】:

      【解决方案4】:

      看看the Blog the image comes from

      它引用了another article on that same blog 关于 FAB (Floating Action Button) 的设计,其中包括代码示例、示例和 codepen 链接。

      【讨论】:

      • 我在他的网站上看不到任何代码或示例。代码在哪里?
      • 我的答案中的第二个链接包含 CodePen 框,带有用于显示 HTML、CSS 和输出的选项卡。
      • 我需要 Android 代码而不是 CSS。 TY
      猜你喜欢
      • 2016-07-06
      • 2017-03-04
      • 2021-05-16
      • 2012-05-03
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多