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

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


只需要简单配置即可动态生成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);
    }
}

主页布局

    

        
    

图文数据格式

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,有问题请轻拍哦

你可能感兴趣的:(Android开发)