使用场景
做更方便浏览的说明书
效果展示
缘由
买了一个FXv3声卡, 那上面的按钮, 简直多到爆炸, 说明书A页标记数字, 翻一页, 才能看见数字代表的意义,
这样的阅读体验, 太差了, 所以就做了这个东西
本来我想做成点击黑圆数字, 显示数字代表的功能, 想想有点费时间, 就先做成这样, 简单省时间, 阅读体验也不差
autoj版本
步骤
- 布局为上下结构, 上方是说明书图片, 下方是说明书文字
- 说明书文字是scrollview, 就是可以滚动的
- 按钮的名字加粗显示
代码讲解
- 布局
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> );
- 加载图片
path = "./instructions.jpg"; ui.img.attr("src", "file://" + path);
- 关键文字加粗显示
spanStr.setSpan( new android.text.style.StyleSpan(android.graphics.Typeface.BOLD_ITALIC), start, end, android.text.Spannable.SPAN_EXCLUSIVE_EXCLUSIVE );
- 加载文字
ui.data.setText(spanStr);