聯繫人卡ui不按預期方式顯示

Question

我目前正在嘗試自己構建一個簡單的聯繫人卡。我只想要一張左上角的個人資料圖片，大約四分之一到三分之一的寬度，右側的名稱+描述。

無論我嘗試什麼，它總是看起來非常類似於下面的截圖。

這是我的佈局：

<?xml version="1.0" encoding="utf-8"?> 

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:padding="@dimen/activity_standard_padding" 
    android:clipToPadding="false" 
    android:scrollbarStyle="outsideOverlay" 
    style="@style/AppBaseThemeCardBG"> 

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
     xmlns:app="http://schemas.android.com/apk/res-auto" 
     android:orientation="horizontal" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     style="@style/nowCardStyle"> 

     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="1" 
      android:orientation="vertical" 
      android:gravity="top" 
      android:paddingRight="@dimen/activity_horizontal_margin"> 

      <ImageView 
       android:id="@+id/schuckCard" 
       android:scaleType="fitCenter" 
       android:layout_gravity="top" 
       android:layout_width="match_parent" 
       android:layout_height="wrap_content" /> 
     </LinearLayout> 


     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="wrap_content" 
      android:layout_weight="3" 
      android:orientation="vertical"> 

      <com.mikebdev.douala.widget.RobotoTextView 
       android:id="@+id/schuckHeader" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       app:typeface="roboto_condensed_light" 
       android:text="JESCO SCHUCK" 
       android:textSize="@dimen/textSizeVeryLarge" /> 

      <com.mikebdev.douala.widget.RobotoTextView 
       android:id="@+id/body1" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       app:typeface="roboto_condensed_light" 
       android:text="Description" /> 

     </LinearLayout> 

    </LinearLayout> 

</ScrollView> 

這是它的樣子：

我想圖像約爲一樣寬的操作欄中的說明。顯然我在這裏慘遭失敗

Answer 1

得到了我的固定愚蠢的問題：

在ImageView我宣佈android:scaleType="fitCenter"這顯然也是中心在我的佈局中ImageView。 將scaleType更改爲fitStart時，我得到了我想要的結果。

Answer 2

使用不同的佈局權重值。就像4圖像和6的內容給它的芯片卡40‰寬度

Answer 3

考慮使用cardslib（https://github.com/gabrielemariotti/cardslib）來做你的卡片佈局。它很好地放在一起。