使用tools:namespace来方便预览

原文链接：http://www.woaitqs.cc/2018/01/29/%E4%BD%BF%E7%94%A8tools-namespace%E6%9D%A5%E6%96%B9%E4%BE%BF%E9%A2%84%E8%A7%88/

在编写布局文件的时候，常常需要预览一下所写布局的样子。虽然 Android Studio 的 Preview 功能已经大大改进，但还是不能满足我们所有预览的需求，还有一些痛点亟待解决。

1. 为预览时候编写的参数，无法自动在正式APK中自动失效。

2. RecyclerView 无法正确预览，也没有办法进行一些参数指定。

针对上诉痛点，其实官方早就给出了解决方案，提供了针对 Design-Time 相关的方案，只需要引入 tools 的命名空间即可。更多知识参考官方文档 -- Tools Attributes Reference 。

xmlns:tools="http://schemas.android.com/tools"

接下来看看，tools 是如何帮助我们解决预览时候的痛点的。

预览时候的 View 属性

在 XML 文件里，可以通过 tools:{attribute} 来设置 view 相关的属性，而这些属性将只会被Android Studio layout editor使用，实现了 Design-Time 与 Compile-Time 的分离，这也就意味着，通过这种方式制定的属性在打出来的包中是不生效的。

例如，一个显示姓名的 TextView，默认 text 属性为空，而我们可以通过设置 tools:text=‘full-name’ ，这样在预览的时候就可以看到。又或者一个 VIP 标记View，默认不可见，但你又想知道其位置对不对，那就可以通过 tools:visibility='visible', 在预览界面查看。

tools_ns_example

我们常用的属性，在tools中都得到了支持，诸位可放心食用(好吃...)。

RecyclerView 的特殊支持

在编写好一个 RecyclerView 的 XML 文件后，直接在预览查看时，会发现是 item0, item1, item2 的简单罗列，这显然不是我们想要的答案。tools 也提供了解决方案 -- tools:listitem。在下图可以看到，设置后的效果。

tools_recycler_example

除此之外，还有其他强大的功能哦。

1. itemCount 指定预览时，item 的数量。

2. listheader/listfooter 指定预览时，recycle 的头部/底部

预览自动生成的数据

有些时候，我们甚至不必去编辑 tools 中具体的值，Android Studio 提供了一些常见数据的 mock 值，通过 "@tools:sample/*" 进行指定。现在回过头看看上面的例子图片，有没有发现每个 item 的头像和名字都不一样了？

tools_sample_data

在上图中，列举了一些官方提供的 sample data。

这还没完哦，Android Studio 甚至提供了自定义 SampleData 的入口，在项目目录中，右键 new 即可看到 Sample Data Directory 的选项。在进行自定义后，即可通过文件名进行调用了哦。由于界面介绍的知识已经大体上满足了我们 Preview 的需求了，这里就不进行展开，如果诸位有这方面需求的话，查看 Tool Time 这篇文章吧。

---

文档信息

• 版权声明：自由转载-非商用-非衍生-保持署名（创意共享3.0许可证）
• 发表日期：2018年1月29日
• 社交媒体：weibo.com/woaitqs
• Feed订阅：www.woaitqs.cc/feed.xml

---