像 Android 上的 Apple App Store 一样的按钮阴影和文字

Question

我喜欢像 Apple App Store 这样的按钮阴影和文字。有谁知道我如何在 android 工作室中做到这一点？

像下面的图片一样，我希望有一个以图片为背景的按钮，图片上有一个灰色输出部分，灰色区域顶部有一个文本像苹果 App Store 一样漂亮的阴影。

我在 Xcode 中创建了一个按钮来演示我的意思。

我知道如何在 Xcode 中执行此操作，但我在 android 工作室中迷路了。

将不胜感激

Answer 1

将项目放入 cardView 中，并带有高度

像这样：

<android.support.v7.widget.CardView 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="6dp"
    card_view:cardUseCompatPadding="true"
    card_view:cardElevation="4dp"
    card_view:cardCornerRadius="3dp">

Answer 2

你可以尝试通过 ConstraintLayout 形状。

<ConstraintLayout>
  <ImageView/>
  <TextView/>
  <!-- bg for text in the bottom of the view -->
  <View/> 
</ConstraintLayout>

主要思想是提供 ShapeAppearanceModel 并以编程方式将其设置为 ConstraintLayout 的 backgroundDrawable（并在 XML 中应用一些提升）。

Answer 3

您可以使用方法 setOutlineProvider 覆盖 ViewOutlineProvider 并在那里创建您想要的任何形状。然后添加阴影你只需要在它上面应用高程。

像 Android 上的 Apple App Store 一样的按钮阴影和文字

A button shadow and text like the Apple App Store on Android

android

android-button