Axure设计之文本编辑器制作教程
文本编辑器是一个功能强大的工具,允许用户在图形界面中创建和编辑文本的格式和布局,如字体样式、大小、颜色、对齐方式等,在Web端实际项目中,文本编辑器的使用非常频繁。以下是在Axure中模拟web端富文本编辑器,来制作文本编辑器的简单教程:
一、效果展示
因为是模拟富文本编辑器功能,这里仅实现了简单的功能,如自定义字体样式、大小、颜色、对齐方式等操作。
原型预览:https://gwbomf.axshare.com
下载地址:https://download.csdn.net/download/u010709330/89991074
二、关键步骤
1、拖入矩形、文本域等元件,设置好文本编辑器的整体框架;
2、从元件库添加下来单选框,作为字体样式、大小、颜色选择组件;
3、再添加图标分别作为加粗、倾斜、下划线、文字居左、文字居中、文字居右、清除文本编辑器组件;
4、上交互,给字体样式、大小、颜色选择器选项及其他图标工具添加交互:
End·往期推荐
Axure Web端交互元件库:从Quick UI到700+组件的飞跃
原文地址:https://blog.csdn.net/u010709330/article/details/143748555
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!