一、一個(gè)Android 圖片混排富文本編輯器控件(仿興趣部落)

1.1 圖片混排富文本控件

是一種圖片和文字混合在一起的控件，文本之間可以插入圖片，類(lèi)似于網(wǎng)頁(yè)的排版樣式。

1.2 該控件主要是仿興趣部落的效果，實(shí)現(xiàn)原理主要基于RecyclerView方案實(shí)現(xiàn)的。

二、演示效果圖

演示效果圖如下：

三、使用方法

3.1 首先初始化該控件：

在xml布局文件中和Activity類(lèi)中聲明和定義 該控件：

android:id="@+id/richEditor"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:paddingTop="10dp"

android:layout_below="@id/tv_header"

android:layout_above="@id/rl_action"

android:paddingBottom="10dp"/>//?聲明定義控件

private?XCRichEditor?mRichEditor

3.2 插入/追加 圖片或者文本內(nèi)容：//插入添加圖片或者文本到控件中

List?files?=?LocalImageHelper.getInstance().getCheckedItems();

Log.e("czm","file?size="+files.size());

List?items?=?new?ArrayList<>();

for?(int?i?=?0;?i?

Log.e("czm","file?uri="+files.get(i).getOriginalUri());

Log.e("czm","file?getThumbnailUri="+files.get(i).getThumbnailUri());

EditItem?item?=?new?EditItem();

item.setUri(Uri.parse(files.get(i).getOriginalUri()));

item.setType(1);

item.setContent(files.get(i).getOriginalUri());

items.add(item);

}

mRichEditor.addImage(items);

3.3完整使用方法：private?XCRichEditor?mRichEditor;

@Override

protected?void?onCreate(Bundle?savedInstanceState)?{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

Fresco.initialize(this);

findViewById(R.id.add_pic).setOnClickListener(new?View.OnClickListener()?{

@Override

public?void?onClick(View?v)?{

addPic();

}

});

mRichEditor?=?(XCRichEditor)?findViewById(R.id.richEditor);

}

private?void?addPic()?{

Intent?intent?=?new?Intent(MainActivity.this,?LocalAlbum.class);

startActivityForResult(intent,?ImageUtils.REQUEST_CODE_GETIMAGE_BYCROP);

}

@Override

protected?void?onActivityResult(int?requestCode,?int?resultCode,?Intent?data)?{

Log.e("czm","requestCode="+requestCode);

switch?(requestCode)?{

case?ImageUtils.REQUEST_CODE_GETIMAGE_BYCROP:

if?(LocalImageHelper.getInstance().isResultOk())?{

LocalImageHelper.getInstance().setResultOk(false);

//獲取選中的圖片

List?files?=?LocalImageHelper.getInstance().getCheckedItems();

Log.e("czm","file?size="+files.size());

List?items?=?new?ArrayList<>();

for?(int?i?=?0;?i?

Log.e("czm","file?uri="+files.get(i).getOriginalUri());

Log.e("czm","file?getThumbnailUri="+files.get(i).getThumbnailUri());

EditItem?item?=?new?EditItem();

item.setUri(Uri.parse(files.get(i).getOriginalUri()));

item.setType(1);

item.setContent(files.get(i).getOriginalUri());

items.add(item);

}

mRichEditor.addImage(items);

//清空選中的圖片

files.clear();

//設(shè)置當(dāng)前選中的圖片數(shù)量

LocalImageHelper.getInstance().setCurrentSize(files.size());

}

//清空選中的圖片

LocalImageHelper.getInstance().getCheckedItems().clear();

break;

default:

break;

}

}

四、文件目錄截圖

總結(jié)

以上是生活随笔為你收集整理的android富文本图片自适应,Android 图片混排富文本编辑器控件的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。