如何制作按钮上方的视图(最小 SDK:17)
How to make View above Button (min sdk: 17)
我想在我的应用程序顶部使用外观/隐藏动画进行通知。为此,我创建了一个带有嵌套 TextView (tvNotificationText
)
的 FrameLayout (flNotification
)
动画效果可以接受,但我在 z 顺序上遇到问题 - FrameLayout 显示在 Button 后面
错误截图:
我需要更改的是 flNotification 显示在按钮的顶部。
最小 sdk: 17
显示通知方式
public void showNotification(String message) {
tvNotificationText.setText(message);
flNotification.bringToFront(); // doesn't help
clRoot.invalidate(); // doesn't help
Animation animation = AnimationUtils.loadAnimation(this,
R.anim.notification_animation);
animation.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
flNotification.setVisibility(View.VISIBLE);
}
@Override
public void onAnimationEnd(Animation animation) {
flNotification.setVisibility(View.GONE);
}
@Override
public void onAnimationRepeat(Animation animation) {
}
});
flNotification.startAnimation(animation);
}
布局XML
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/clRoot"
tools:context=".activities.MainActivity">
[...]
<Button
android:id="@+id/btnNameAdd"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_marginEnd="8dp"
android:text="+"
android:textSize="30sp"
app:layout_constraintBottom_toBottomOf="@+id/etAge"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/etName" />
[...]
[...]
[...]
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/flNotification"
android:layout_marginEnd="0dp"
android:layout_marginStart="0dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:visibility="gone"
android:background="@color/errorNotificationBackground"
android:clipChildren="false">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tvNotificationText"
android:layout_gravity="center"
tools:text="Lorem ipsum dolor sit amet"
android:textColor="@color/errorNotificationForeground"
android:layout_marginBottom="4dp"
android:layout_marginTop="4dp">
</TextView>
</FrameLayout>
</android.support.constraint.ConstraintLayout>
动画文件
<?xml version="1.0" encoding="utf-8"?>
<set
xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fillAfter="true">
<translate
android:fromYDelta="-100%p"
android:toYDelta="0%p"
android:duration="750"/>
<translate
android:startOffset="2500"
android:fromYDelta="0%p"
android:toYDelta="-100%p"
android:duration="750"/>
</set>
尝试按照此答案 here.
的建议将以下 属性 android:translationZ="2dp"
添加到您的 FrameLayout
通过在 FrameLayout 中包装按钮解决了问题。 API 21+
未使用
<FrameLayout
android:id="@+id/flBtnAdd"
android:layout_width="wrap_content"
android:layout_height="0dp"
app:layout_constraintBottom_toBottomOf="@+id/etAge"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/etName">
<Button
android:id="@+id/btnNameAdd"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginEnd="8dp"
android:text="+"
android:textSize="30sp" />
</FrameLayout>
我想在我的应用程序顶部使用外观/隐藏动画进行通知。为此,我创建了一个带有嵌套 TextView (tvNotificationText
)
flNotification
)
动画效果可以接受,但我在 z 顺序上遇到问题 - FrameLayout 显示在 Button 后面
错误截图:
我需要更改的是 flNotification 显示在按钮的顶部。
最小 sdk: 17
显示通知方式
public void showNotification(String message) {
tvNotificationText.setText(message);
flNotification.bringToFront(); // doesn't help
clRoot.invalidate(); // doesn't help
Animation animation = AnimationUtils.loadAnimation(this,
R.anim.notification_animation);
animation.setAnimationListener(new Animation.AnimationListener() {
@Override
public void onAnimationStart(Animation animation) {
flNotification.setVisibility(View.VISIBLE);
}
@Override
public void onAnimationEnd(Animation animation) {
flNotification.setVisibility(View.GONE);
}
@Override
public void onAnimationRepeat(Animation animation) {
}
});
flNotification.startAnimation(animation);
}
布局XML
<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/clRoot"
tools:context=".activities.MainActivity">
[...]
<Button
android:id="@+id/btnNameAdd"
android:layout_width="wrap_content"
android:layout_height="0dp"
android:layout_marginEnd="8dp"
android:text="+"
android:textSize="30sp"
app:layout_constraintBottom_toBottomOf="@+id/etAge"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/etName" />
[...]
[...]
[...]
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/flNotification"
android:layout_marginEnd="0dp"
android:layout_marginStart="0dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:visibility="gone"
android:background="@color/errorNotificationBackground"
android:clipChildren="false">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/tvNotificationText"
android:layout_gravity="center"
tools:text="Lorem ipsum dolor sit amet"
android:textColor="@color/errorNotificationForeground"
android:layout_marginBottom="4dp"
android:layout_marginTop="4dp">
</TextView>
</FrameLayout>
</android.support.constraint.ConstraintLayout>
动画文件
<?xml version="1.0" encoding="utf-8"?>
<set
xmlns:android="http://schemas.android.com/apk/res/android"
android:interpolator="@android:anim/accelerate_decelerate_interpolator"
android:fillAfter="true">
<translate
android:fromYDelta="-100%p"
android:toYDelta="0%p"
android:duration="750"/>
<translate
android:startOffset="2500"
android:fromYDelta="0%p"
android:toYDelta="-100%p"
android:duration="750"/>
</set>
尝试按照此答案 here.
的建议将以下 属性android:translationZ="2dp"
添加到您的 FrameLayout
通过在 FrameLayout 中包装按钮解决了问题。 API 21+
未使用
<FrameLayout
android:id="@+id/flBtnAdd"
android:layout_width="wrap_content"
android:layout_height="0dp"
app:layout_constraintBottom_toBottomOf="@+id/etAge"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="@+id/etName">
<Button
android:id="@+id/btnNameAdd"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginEnd="8dp"
android:text="+"
android:textSize="30sp" />
</FrameLayout>