標題與圖像

的TextView我已經定義了一個TextView如下：標題與圖像

<TextView 
    android:id="@+id/message" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding="10dp" 
    android:textSize="16dp" 
    android:textStyle="bold" 
    android:textColor="#000000" 
    android:gravity="center" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="27dp" 
    android:background="@drawable/text_pop_up" 
    android:clickable="true" 
    android:onClick="onClick" />

我的最終目標是這個TextView的一分爲二。頂部有一個標題（只是文本的字體較大，左邊有一個小縮略圖）

這是我試圖達到的最終設計（紅色圖像是一個圖像）。我怎麼會追求呢？

來源

2013-08-19 AndroidLove

您可以使用android:drawableLeft/Right/Top/Bottom放置一個可繪製在你的TextView。這是一個TextView和ImageView的頗爲相似。要調整繪製對象，你可以使用android:drawablePadding="10dp" FE的位置

<TextView 
    android:id="@+id/message" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:padding="10dp" 
    android:textSize="16dp" 
    android:textStyle="bold" 
    android:textColor="#000000" 
    android:gravity="center" 
    android:layout_alignParentBottom="true" 
    android:layout_centerHorizontal="true" 
    android:layout_marginBottom="27dp" 

    android:drawableLeft="@drawable/text_pop_up" 
    android:drawablePadding="10dp" 

    android:clickable="true" 
    android:onClick="onClick" />

對於這個TextView下面的文本，我建議使用第二個TextView來獨立格式化這兩個文本。

你可以使用的LinearLayout和地點都TextViews作爲它的孩子的。

來源

2013-08-19 15:34:39

可以在多個繪圖資源放在這樣一個TextView裏面？（即你可以有一個drawableLeft和drawableRight？） – Tonithy

@Tonithy是的，這是可能的，但你會面臨一些問題，同時縮放繪圖資源，如果它們是不同的大小F.E.的 –

好吧，我明白了。謝謝。 – Tonithy

使用Android：drawableLeft屬性設置圖像的文本框的左側

來源

2013-08-19 15:54:41

你可以這樣做：

其中

<?xml version="1.0" encoding="utf-8"?> 
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" > 

    <TextView 
     android:id="@+id/title" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_alignParentBottom="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="27dp" 
     android:clickable="true"   
     android:drawableLeft="@drawable/ic_launcher"   
     android:gravity="center_vertical" 
     android:onClick="onClick"   
     android:textColor="#000000" 
     android:text="Sample" 
     android:textSize="16dp" 
     android:textStyle="bold" /> 

    <!-- separator --> 

    <include layout="@layout/separator"/> 

    <TextView 
     android:id="@+id/message" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content"   
     android:layout_marginBottom="27dp" 
     android:clickable="true" 
     android:onClick="onClick"   
     android:textColor="#000000" 
     android:text="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." 
     android:textSize="16dp" 
     /> 

</LinearLayout>

android:drawableLeft將作爲顯示ImageView的文本左側的圖像。

而且android:text將顯示圖像旁邊的標題。

第二TextView將顯示圖像和標題下面的信息。

兩者都將被放置在LinearLayout中，orientation被設置爲vertical。

您可以使用下面的代碼作爲分隔符2個TextViews之間：

res/separotor.xml 

<?xml version="1.0" encoding="utf-8"?> 
<View xmlns:android="http://schemas.android.com/apk/res/android" 
     android:id="@+id/separator" 
     android:layout_width="match_parent" 
     android:layout_height="1dip" 
     android:background="@color/black"> 
</View>

來源

2013-08-19 16:29:03

回答

相關問題