使用场景
做更方便浏览的说明书
效果展示
缘由
买了一个FXv3声卡, 那上面的按钮, 简直多到爆炸, 说明书A页标记数字, 翻一页, 才能看见数字代表的意义,
这样的阅读体验, 太差了, 所以就做了这个东西
本来我想做成点击黑圆数字, 显示数字代表的功能, 想想有点费时间, 就先做成这样, 简单省时间, 阅读体验也不差
autoj版本
步骤
- 布局为上下结构, 上方是说明书图片, 下方是说明书文字
- 说明书文字是scrollview, 就是可以滚动的
- 按钮的名字加粗显示
代码讲解
1. 布局
ui.layout(
<vertical>
<img id="img" h="0" layout_weight="1" marginBottom="6"></img>
<scroll h="0" layout_weight="1">
<vertical margin="6">
<text id="data"></text>
</vertical>
</scroll>
</vertical>
);
加载图片
2. 加载图片
path = "./instructions.jpg";
ui.img.attr("src", "file://" + path);
3. 关键文字加粗显示
spanStr.setSpan(
new android.text.style.StyleSpan(android.graphics.Typeface.BOLD_ITALIC),
start,
end,
android.text.Spannable.SPAN_EXCLUSIVE_EXCLUSIVE
);
4. 加载文字
ui.data.setText(spanStr);
说明书文字提取
- 手机拍照说明书
- 发送给qq
- 在电脑上的qq聊天窗口打开图片
- 双击放大图片
- 有一个提取图中文字的功能
- 尽量一段一段的提取, 可以有效防止格式错乱
微信公众号 AutoJsPro教程
QQ群
747748653
查看完整源码