[英]Move FrameLayout from CardView to overlap it
我正在尝试进行这种类型的布局,问题是我无法像此图像一样替换图像上方的 FrameLayout
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center">
<androidx.cardview.widget.CardView
android:layout_width="250dp"
android:layout_height="200dp"
android:layout_margin="8dp"
android:backgroundTint="@color/premiofondo"
android:foregroundGravity="center"
android:orientation="vertical">
<FrameLayout
android:layout_width="125dp"
android:layout_height="50dp"
android:background="@color/blanco">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textSize="25sp"
android:gravity="center"
android:textColor="@color/negro"
android:layout_gravity="center"
android:textStyle="bold"
android:text="1º Premio"/>
</FrameLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:layout_gravity="center"
android:textSize="30sp"
android:textStyle="bold"
android:elevation="8dp"
android:text="Primer premio \n Orden de compra \n $100.000"/>
</androidx.cardview.widget.CardView>
</LinearLayout>
我想将1º premio 替换为第一个图像,我该怎么做?
使用ConstraintLayout
,将FrameLayout
移到CardView
之外, CardView
如下方式设置FrameLayout
的高程:
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
>
<androidx.cardview.widget.CardView
android:id="@+id/card_view"
android:layout_width="250dp"
android:layout_height="200dp"
android:layout_margin="8dp"
android:layout_marginStart="22dp"
android:backgroundTint="@color/premiofondo"
android:foregroundGravity="center"
android:orientation="vertical"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:elevation="8dp"
android:gravity="center"
android:text="Primer premio \n Orden de compra \n $100.000"
android:textSize="30sp"
android:textStyle="bold"
/>
</androidx.cardview.widget.CardView>
<FrameLayout
android:layout_width="125dp"
android:layout_height="50dp"
android:layout_marginTop="8dp"
android:background="@color/blanco"
android:elevation="12dp"
android:outlineProvider="none"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@id/card_view"
>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:text="1º Premio"
android:textColor="@color/negro"
android:textSize="25sp"
android:textStyle="bold"
/>
</FrameLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
请注意, android:outlineProvider="none"
使高程阴影不可见。
有很多方法可以做到这一点。 在线性布局中采用新的框架布局,并从卡片视图中移出框架布局。 尝试这个...
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center">
<FrameLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<androidx.cardview.widget.CardView
android:layout_width="250dp"
android:layout_height="200dp"
android:layout_margin="8dp"
android:backgroundTint="@color/premiofondo"
android:foregroundGravity="center"
android:orientation="vertical">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:elevation="8dp"
android:gravity="center"
android:text="Primer premio \n Orden de compra \n $100.000"
android:textSize="30sp"
android:textStyle="bold" />
</androidx.cardview.widget.CardView>
<FrameLayout
android:layout_width="125dp"
android:layout_height="50dp"
android:background="@color/blanco">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:text="1º Premio"
android:textColor="@color/negro"
android:textSize="25sp"
android:textStyle="bold" />
</FrameLayout>
</FrameLayout>
</LinearLayout>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.