TextView:圖文混排
有開發需求如下:
在介面或者網路載入不成功的情況下展示預設介面,預設介面會有圖片和文字一起展示。
有的童鞋會說直接切圖就是了,如果因為需求不同展示也會不同,大量的切圖是最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>
效果圖如下:
關於圖文混排道長的介紹就到這裡,有的童鞋會說這就是圖文混排?其實這是最簡單的運用。希望這篇部落格能夠為小夥伴們提供一些幫助。
相關文章
- iOS - 圖文混排技術方案分享iOS
- iOS圖文混排與NSString轉換iOS
- Unity使用TextMeshPro實現聊天圖文混排Unity
- Flutter 中的圖文混排與原理解析Flutter
- 50行程式碼實現圖文混排行程
- Android圖文混排實現方式詳解Android
- CoreText實現圖文混排之點選事件事件
- word圖文混排複製到KindEditor圖片不顯示
- word圖文混排複製到CuteEditor圖片不顯示
- iOS開發 如何在Label中顯示圖片-圖文混排iOS
- iOS開發UI篇--一個支援圖文混排的ActionSheetiOSUI
- 短視訊平臺原始碼,IOS圖文混排基礎原始碼iOS
- TextKit入門? 表情鍵盤? 圖文混排? --看我就夠了
- android TextView裡邊實現圖文混配效果AndroidTextView
- C#實現聊天訊息渲染、圖文混排(支援Windows、Linux)C#WindowsLinux
- [Android開源]:EasyImageGetter幫你實現帶網路圖片的html圖文混排!AndroidHTML
- 程式碼中修改TextView的DrawableLeft圖片TextView
- TextViewTextView
- Lilypond+TexLive(LuaLatex+lyluatex)+VS Code實現譜文混排
- AutoComlete TextViewTextView
- TextView屬性TextView
- 使用Jsoup解析Html == TextView顯示html圖片的方法JSHTMLTextView
- TextView 自動換行,每行排滿的自定義TextViewTextView
- textview - 翻轉動畫TextView動畫
- TextView走馬燈TextView
- NEC學習 ---- 模組 - 左圖右文圖文列表
- Android之TextView設定drawableRight等圖片文字間隔AndroidTextView
- 看似簡單的TextViewTextView
- 汽車駕駛圖解教材[圖文]圖解
- 一套Flutter混排瀑布流解決方案Flutter
- 螢幕適配的頂級淫技:使用 TextView 來顯示圖片TextView
- android炫酷的textviewAndroidTextView
- Android元件詳解—TextViewAndroid元件TextView
- Swift TextView Placeholder封裝SwiftTextView封裝
- TextView 的世界絢爛多彩TextView
- textview 在TableviewCell自適應TextView
- Edittext和TextView的聯動TextView
- Android:TextView控制元件AndroidTextView控制元件