欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

TextView:图文混排

程序员文章站 2022-04-25 09:45:25
...

有开发需求如下:

在接口或者网络加载不成功的情况下展示默认界面,默认界面会有图片和文字一起展示。

有的童鞋会说直接切图就是了,如果因为需求不同展示也会不同,大量的切图是最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>



效果图如下:
TextView:图文混排

关于图文混排道长的介绍就到这里,有的童鞋会说这就是图文混排?其实这是最简单的运用。希望这篇博客能够为小伙伴们提供一些帮助。