文字图片混排页面框架(仿新闻图文混排页面)

最新推荐文章于 2024-04-09 00:00:58 发布

原创最新推荐文章于 2024-04-09 00:00:58 发布 · 6.1k 阅读

6 ·

CC 4.0 BY-SA版权

Android开发专栏收录该内容

1 篇文章

订阅专栏

介绍了一个简易的图文混排框架，支持动态生成TextView和ImageView，并能处理网络及本地图片，适用于新闻页面等场景。

因为项目需求，最近写了仿新闻页面文字图片混排页面的框架

只需要简单配置即可动态生成TextView和ImageView，图片可以点击进入查看放大缩小，支持网络图片和本地图片

使用方式

public class MainActivity extends AppCompatActivity {

    private ScrollView sv_main;//TextAndGraphicsView的父控件必须是ScrollView
    private String[] mData;//图文数据的列表
    private TextAndGraphicsView mTextAndGraphicsView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        parseData();//解析数据
        initView();//初始化ui
    }

    private void parseData() {
        //根据分割线来把文字和图片地址存入数组中
        mData = DataUtil.getData().split(DataUtil.SPLIT_TAG);
    }

    private void initView() {
        sv_main = (ScrollView) findViewById(R.id.sv_main);
        mTextAndGraphicsView = new TextAndGraphicsView(this,mData);
        sv_main.addView(mTextAndGraphicsView);
    }
}

主页布局

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:id="@+id/activity_main"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context="com.linchuan.textandgraphics.MainActivity">

        <ScrollView
            android:id="@+id/sv_main"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:scrollbars="none"/>
    </RelativeLayout>

图文数据格式

public class DataUtil {

    public static final String TEXT_TAG =  "[#TEXT#]";//文字标识
    public static final String IMAGE_NET_TAG = "[#IMAGE_NET#]";//网络图片标识
    public static final String IMAGE_LOCAL_TAG = "[#IMAGE_LOCAL#]";//本地图片标识(assets目录下)
    public static final String SPLIT_TAG = "\\[\\#SPLIT\\#\\]";//分割处标识

    /**
     * 获取图文的数据，这些数据可以从服务端取，或者写在本地的某个文件也可以
     * @return 图文数据
     */
    public static String getData(){
        //格式：文字开头用TEXT_TAG标识，网络图片地址用IMAGE_NET_TAG标识
        //本地图片用IMAGE_LOCAL_TAG标识，每两个标识内容之间要用SPLIT_TAG分隔

        String content = 
        "[#TEXT#]这里是第一段文字"+
        "[#SPLIT#]"+
        "[#IMAGE_NET#]http://www.picture.com"+   /*网络图片*/
        "[#SPLIT#]"+
        "[#TEXT#]这里是第二段文字"+
        "[#SPLIT#]"+
        "[#IMAGE_LOCAL#]file:///android_asset/local_picture2.png";   /*本地图片*/

        return content;
    }
}

项目下载地址：
https://github.com/FinleyLC/TextAndGraphics

欢迎fork或者start，有问题请轻拍哦