問題復原

UI設計師給的圖,圖片文字在一行

image.png

怎么整

我直接使用的TextView的drawableLeft屬性，直接把圖片放置在文本前頭。

        <TextView
            android:id="@+id/act_message_textview1"
            android:layout_width="match_parent"
            android:layout_height="43dp"
            android:gravity="center_vertical"
            android:textColor="@color/black"
            android:layout_marginLeft="10dp"
            android:drawableLeft="@mipmap/msg_link"
            android:text="@string/home2_chat_message"
            />

那么問題來了，設計師曰:"你這沒有按設計稿走，圖片與文字直接應該有間距...."

解決問題

當textview設置了drawableLeft之后，圖片緊貼文本，如何想要預留出間距。需要借用drawblePadding屬性

• 代碼設置

setCompoundDrawablePadding(4);

    TextView textView = new TextView(this);  
    textView.setText(MemDesc);  
    //在左側添加圖片  
    Drawable drawable= getResources().getDrawable(R.drawable.gray_circle);  
    drawable.setBounds(0, 0, drawable.getMinimumWidth(), drawable.getMinimumHeight());  
      
    textView.setCompoundDrawables(drawable, null, null, null);  
    textView.setTextColor(getResources().getColor(R.color.gray_textcolor_shen));  
    textView.setCompoundDrawablePadding(4);//設置圖片和text之間的間距   

• xml設置

android:drawablePadding="@dimen/dp6"

       <TextView
            android:id="@+id/act_message_textview1"
            android:layout_width="match_parent"
            android:layout_height="43dp"
            android:gravity="center_vertical"
            android:textColor="@color/black"
            android:layout_marginLeft="10dp"
            android:drawableLeft="@mipmap/msg_link"
            <!--設置間距為6dp--> 
            android:drawablePadding="@dimen/dp6"
            android:text="@string/home2_chat_message"
            />