TextView:圖文混排

雨幕青山發表於2017-05-05

有開發需求如下:

在介面或者網路載入不成功的情況下展示預設介面,預設介面會有圖片和文字一起展示。

有的童鞋會說直接切圖就是了,如果因為需求不同展示也會不同,大量的切圖是最low的解決方法;有的童鞋還會說直接切一張圖,然後通過佈局來實現,這樣會解決第一種方法的弊端,但是這樣增加了至少一層佈局,在佈局優化時要儘量減少佈局的層級。這裡就用到TextView的圖文混排了。

一、圖文混排實現

其實佈局很簡單,程式碼如下:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:id="@+id/default_background_gray_text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true"
        android:layout_marginLeft="25dp"
        android:layout_marginRight="25dp"
        android:drawableBottom="@drawable/loading"
        android:drawablePadding="10dp"

        android:gravity="center"
        android:text="網路不可用,請稍後重試"
        android:textColor="#6E6E6E"
        android:textSize="16sp" />

</RelativeLayout>



效果圖如下:
這裡寫圖片描述

關於圖文混排道長的介紹就到這裡,有的童鞋會說這就是圖文混排?其實這是最簡單的運用。希望這篇部落格能夠為小夥伴們提供一些幫助。

相關文章