java - 通过从左到右填充来更改按钮背景
问题描述
我想通过从左到右填充颜色来更改按钮的背景,就像水平进度条一样。
这是检测按住的代码:
lateinit var buttonView: View
val cdt = object : CountDownTimer(1000, 100) {
override fun onTick(millisUntilFinished: Long) {
}
override fun onFinish() {
//do something after being press by 1 sec.
}
}
val onTouchListener = View.OnTouchListener { v, event ->
buttonView = v
when (event.action) {
MotionEvent.ACTION_DOWN -> {
(v.background as AnimationDrawable).start()
cdt.start()
}
MotionEvent.ACTION_UP -> {
(v.background as AnimationDrawable).stop()
cdt.cancel()
}
}
false
}
这是我用于按钮的背景:
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
...items with drawables which colors are in different position. Frame by frame....
</animation-list>
这有效,但并不顺利。有没有办法有效地做到这一点?像这样?https://codepen.io/kay8/pen/azKbjN
(用Java回答没问题)
解决方案
对于可绘制对象,我会使用 aClipDrawable
作为 a 中的顶层LayerDrawable
。这将在视觉上像进度条一样工作。
在下面的drawable中,clip drawable覆盖了一个底层,它只是一个红色矩形。
button_background.xml
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="rectangle">
<solid android:color="@android:color/holo_red_light" />
</shape>
</item>
<item android:id="@+id/clip_drawable">
<clip
android:clipOrientation="horizontal"
android:gravity="start">
<shape
android:shape="rectangle">
<solid android:color="@android:color/black" />
</shape>
</clip>
</item>
</layer-list>
随着可绘制剪辑的级别从 0(未显示)增加到 10,000(100% 覆盖红色矩形),可绘制剪辑的黑色将使红色矩形黯然失色。
TimeAnimator
可用于为可绘制剪辑的级别设置动画。
此类为侦听器提供了一种简单的回调机制,该机制与系统中的所有其他动画师同步。
这是一个快速演示。onTimeUpdate()
如果要设置动画的持续时间,可以更改为对总时间和经过时间敏感。
MainActivity.java
public class MainActivity extends AppCompatActivity implements TimeAnimator.TimeListener {
private TimeAnimator mAnimator;
private int mCurrentLevel = 0;
private ClipDrawable mClipDrawable;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// Get a handle on the ClipDrawable that we will animate.
LayerDrawable layerDrawable = (LayerDrawable) findViewById(R.id.button).getBackground();
mClipDrawable = (ClipDrawable) layerDrawable.findDrawableByLayerId(R.id.clip_drawable);
// Set up TimeAnimator to fire off on button click.
mAnimator = new TimeAnimator();
mAnimator.setTimeListener(this);
}
@Override
public void onTimeUpdate(TimeAnimator animation, long totalTime, long deltaTime) {
mClipDrawable.setLevel(mCurrentLevel);
if (mCurrentLevel >= MAX_LEVEL) {
mAnimator.cancel();
} else {
mCurrentLevel = Math.min(MAX_LEVEL, mCurrentLevel + LEVEL_INCREMENT);
}
}
public void animateButton(View view) {
if (!mAnimator.isRunning()) {
mCurrentLevel = 0;
mAnimator.start();
}
}
private static final int LEVEL_INCREMENT = 400;
private static final int MAX_LEVEL = 10000;
}
activity_main.xml
<android.support.constraint.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="32dp"
android:background="@drawable/button_background"
android:text="Button"
android:onClick="animateButton"
android:textColor="@android:color/white"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>
推荐阅读
- python-3.x - 提示在 Tkinter 中无限次打开
- python - tf.gather_nd 从一维索引数组中获取二维数组的值
- go - Golang 循环通过 redis 存储删除 gorilla 会话
- javascript - 为巨大的深度嵌套对象中的每个对象添加新的键/值
- haskell - 化简为简单分数
- c++ - 这将是通过单个地图c ++大小的升序对无序地图的向量进行排序的最佳方法
- javascript - window.opener.location.assign 不工作
- java - 如何在比较器的值由函数调用生成的大范围内使用 binary_search?
- clips - CLIPS/clipspy 规则顺序
- function - Powershell 为目录制作一个函数并在末尾添加一个前缀