我想这样的形象创建一个简单的卡片布局创建简单的卡片布局的Android
这是我的布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:fresco="http://schemas.android.com/apk/res-auto"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.v7.widget.CardView
android:layout_width="match_parent"
android:layout_height="200dp"
android:layout_margin="3dp"
android:id="@+id/offer_card">
<LinearLayout
android:orientation="horizontal"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="right">
<LinearLayout
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1.5">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="0.3">
<com.facebook.drawee.view.SimpleDraweeView
android:id="@+id/img_offer"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_alignParentLeft="true"
fresco:placeholderImage="@drawable/backgrondlayout2"
fresco:actualImageScaleType="centerCrop" />
<com.facebook.drawee.view.SimpleDraweeView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/img_logo"
android:layout_margin="10dp"
fresco:placeholderImage="@drawable/ic_launcher"
fresco:actualImageScaleType="centerCrop" />
<TextView
android:text="Title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@+id/img_logo"
android:layout_alignEnd="@+id/img_logo"
android:id="@+id/txt_name"
android:textAppearance="@style/TextAppearance.AppCompat.Large"
android:textColor="@color/white" />
</RelativeLayout>
</LinearLayout>
<LinearLayout
android:orientation="vertical"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:padding="4dp"
android:layout_weight="1">
<TextView
android:text="TitleOfOffer is here sgffs"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/txt_Title"
android:textAppearance="@style/TextAppearance.AppCompat.Title"
android:fontFamily="sans-serif-medium"
android:layout_weight="0.2"
android:textAlignment="textEnd" />
<TextView
android:text="this is a simple discription with losts of text sjdun a;daiwn adwi"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/txt_discription"
android:layout_weight="0.2"
android:textAlignment="textEnd" />
<ImageView
xmlns:android="http://schemas.android.com/apk/res/android"
android:src="@android:drawable/divider_horizontal_textfield"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:scaleType="fitXY"
android:paddingBottom="1dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp" />
<TextView
android:text="Date"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/txt_Date"
android:textAlignment="textEnd"
android:drawableRight="@drawable/ic_directions_black_24dp" />
<TextView
android:text="Distance"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/txt_distance"
android:textAlignment="textEnd"
android:drawableRight="@drawable/ic_settings_black_24dp"
android:hapticFeedbackEnabled="false"
android:layoutDirection="rtl" />
</LinearLayout>
</LinearLayout>
</android.support.v7.widget.CardView>
</LinearLayout>
,这是导致
以及你可以看到左边高度的形象依赖于正确的文本。我该如何改变这种布局并使之保持稳定,因为通过改变文字图像会移动,并且我还添加了一张完全没有出现的图像(img_logo
)。请帮助我找到一个改进布局的好方法? 谢谢
非常感谢,你有什么简单的纸牌喜欢它,分享它的XML,所以我可以找出其他方法可以创建这样一个布局,这 –
@MajidHojati我希望CardView例子可以帮助。 – THZ