我正在尝试制作自定义CardView,并在左侧使用彩色的圆形边框。如何实现以下目标?
我已经尝试了两种使用CardView内的FrameLayout的方法。在第一个中,我将形状作为背景,在另一个中,我将ImageView放置在左侧。
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
xmlns:card_view="http://schemas.android.com/apk/res-auto"
android:layout_margin="8dp"
card_view:cardElevation="2dp"
card_view:cardCornerRadius="5dp">
<FrameLayout
android:background="@drawable/card_edge"
android:layout_width="4dp"
android:layout_height="match_parent"/>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:padding="16dp"
android:orientation="vertical">
<TextView
style="@style/Base.TextAppearance.AppCompat.Headline"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Title" />
<TextView
style="@style/Base.TextAppearance.AppCompat.Body1"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="Content here" />
</LinearLayout>
</android.support.v7.widget.CardView>
<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardCornerRadius="5dp"
app:cardElevation="2.5dp"
android:layout_marginTop="15dp"
android:layout_marginLeft="15dp"
android:layout_marginRight="15dp"
android:layout_marginBottom="2dp"
android:id="@+id/background"
android:background="@drawable/rectangle_skylightblue">
<FrameLayout
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="56.3dp"
android:orientation="horizontal">
<TextView
android:fontFamily="@font/sfpro_display_regular"
android:id="@+id/text"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="15dp"
android:layout_weight="1"
android:text="BASF GUARA - SP"
android:textColor="#00c0ff"
android:textSize="15sp" />
<ImageView
android:id="@+id/forward"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginRight="11.7dp"
android:src="@drawable/ic_arrow_skyblue" />
</LinearLayout>
</FrameLayout>
<ImageView
android:id="@+id/line"
android:layout_width="5dp"
android:layout_height="56.3dp"
android:src="@drawable/rectangle_skyblue" />
</android.support.v7.widget.CardView>
但是,正如您所看到的,两次尝试均未达到期望的结果,而第二次尝试使用ImageView是最糟糕的尝试,因为颜色将根据操作类型而改变。 那么,我需要首先更改一下以实现边界细节吗?
答案 0 :(得分:2)
我在网上找到了这个答案,该答案与您要寻找的很接近。 https://www.android-examples.com/show-add-one-side-left-border/
您需要添加的只是弯曲的拐角半径。