英文:
CardView background blur and transparent? Android Studio
问题
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:card_view="http://schemas.android.com/tools"
android:fitsSystemWindows="true">
<androidx.cardview.widget.CardView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:cardCornerRadius="10dp"
android:layout_gravity="center|top"
android:layout_margin="8dp"
card_view:cardElevation="0dp">
<androidx.cardview.widget.CardView
android:layout_width="180dp"
android:layout_height="wrap_content"
app:cardCornerRadius="2dp"
android:layout_gravity="top"
android:layout_marginTop="130dp"
android:layout_marginStart="50dp"
card_view:cardBackgroundColor="@android:color/transparent"
card_view:cardElevation="10dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="For example"
android:layout_gravity="center"
android:textColor="@color/colorAccent"
android:textStyle="bold" />
</androidx.cardview.widget.CardView>
<LinearLayout
android:layout_width="280dp"
android:layout_height="180dp"
android:orientation="vertical">
<ImageView
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="180dp"
android:src="@drawable/imagen1"
android:scaleType="centerCrop"/>
</LinearLayout>
</androidx.cardview.widget.CardView>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
<details>
<summary>英文:</summary>
I'm trying to make this:
[![enter image description here][1]][1]
and this is what I'm getting:
[![enter image description here][2]][2]
I can't make the background blur and transparent at the same time, how could I do that?
when I try to do it with "alpha" it removes opacity in the text as well, which does not happen in the original photo.
<?xml version="1.0" encoding="utf-8"?>
<androidx.coordinatorlayout.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:card_view="http://schemas.android.com/tools"
android:fitsSystemWindows="true">
<androidx.cardview.widget.CardView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:cardCornerRadius="10dp"
android:layout_gravity="center|top"
android:layout_margin="8dp"
card_view:cardElevation="0dp">
<androidx.cardview.widget.CardView
android:layout_width="180dp"
android:layout_height="wrap_content"
app:cardCornerRadius="2dp"
android:layout_gravity="top"
android:layout_marginTop="130dp"
android:layout_marginStart="50dp"
card_view:cardBackgroundColor="@android:color/transparent"
card_view:cardElevation="10dp">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="For example"
android:layout_gravity="center"
android:textColor="@color/colorAccent"
android:textStyle="bold" />
</androidx.cardview.widget.CardView>
<LinearLayout
android:layout_width="280dp"
android:layout_height="180dp"
android:orientation="vertical">
<ImageView
android:id="@+id/image"
android:layout_width="match_parent"
android:layout_height="180dp"
android:src="@drawable/imagen1"
android:scaleType="centerCrop"/>
</LinearLayout>
</androidx.cardview.widget.CardView>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
[1]: https://i.stack.imgur.com/s37q2.png
[2]: https://i.stack.imgur.com/ZmK6V.png
</details>
# 答案1
**得分**: 1
```xml
<androidx.cardview.widget.CardView
android:id="@+id/spdv_details_cv"
android:layout_width="0dp"
android:layout_height="0dp"
app:cardCornerRadius="20dp"
app:cardElevation="0dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:cardBackgroundColor="#23FFFFFF"
app:layout_constraintHeight_percent="0.5"
android:layout_margin="20dp"
>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<io.alterac.blurkit.BlurLayout
android:id="@+id/blurLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:blk_blurRadius="1"
app:blk_fps="1" />
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent" >
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:background="@android:color/transparent"
android:text="Awais Ahmed"
android:textColor="@color/black"
android:textSize="23sp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
</FrameLayout>
</androidx.cardview.widget.CardView>
英文:
You have use BlurKit Layout Inside Card View . Change Your Card View Content Like This .
<androidx.cardview.widget.CardView
android:id="@+id/spdv_details_cv"
android:layout_width="0dp"
android:layout_height="0dp"
app:cardCornerRadius="20dp"
app:cardElevation="0dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:cardBackgroundColor="#23FFFFFF"
app:layout_constraintHeight_percent="0.5"
android:layout_margin="20dp"
>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<io.alterac.blurkit.BlurLayout
android:id="@+id/blurLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:blk_blurRadius="1"
app:blk_fps="1" />
<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent" >
<TextView
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:background="@android:color/transparent"
android:text="Awais Ahmed"
android:textColor="@color/black"
android:textSize="23sp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"/>
</androidx.constraintlayout.widget.ConstraintLayout>
</FrameLayout>
</androidx.cardview.widget.CardView>
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论