xmlns:tools="http://schemas.android.com/tools" Tools Attributes 视图预览

本文介绍如何在不显示测试数据的情况下预览Android布局文件的效果,包括使用预设数据、创建自定义样例数据及配置ListView预览的方法。

查看布局文件的预览效果,在app运行时将不会显示。避免了在网络加载完成之前展示我们在布局中设置的测试数据的问题。

使用方式:sample data

以TextVie为例

tools:text="话述" 

或者使用系统提供的一些预览数据:

tools:text="@tools:sample/last_names"

这样只会在预览时展示打包运行的app将不会展示。

在as 3.0中我们还可以创建自己的sample data,这些数据只会在我们预览时用到,在app打包时将不会打包进去。

创建方式:

File->New->Simple Data  directiory这样在module下将会创建一个名为sampledata的文件夹。在里面我们可以创建自己的预

览文件。比如demo.txt

重新编译以后。引用时

tools:textColor="@sample/demo(文件名).txt[1]"

其中每个属性占一行。[代表位置]

还有其他的功能  不如查看listview的预览效果list item

tools:itemCount="3"//预览的item个数
tools:listitem="@layout/item"//设置item样式
其中的查看文档 Tools Attributes
说明采用的布局方式,及布局方式的特点 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity" android:background="@drawable/music_bg"> <Button android:id="@+id/btn_icon" android:layout_width="200dp" android:layout_height="200dp" android:layout_centerHorizontal="true" android:layout_marginTop="200dp" android:background="@drawable/music_icon" /> <Button android:id="@+id/btn_progress" android:layout_width="300dp" android:layout_height="10dp" android:layout_below="@id/btn_icon" android:layout_centerHorizontal="true" android:layout_marginTop="100dp" android:background="@drawable/progress_icon" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/btn_progress" android:layout_marginTop="35dp" android:gravity="center_horizontal"> <Button android:id="@+id/btn_left" android:layout_width="50dp" android:layout_height="50dp" android:background="@drawable/left_icon" /> <Button android:id="@+id/btn_mid" android:layout_width="50dp" android:layout_height="50dp" android:layout_marginLeft="52dp" android:layout_toRightOf="@id/btn_left" android:background="@drawable/middle_icon" /> <Button android:id="@+id/btn_right" android:layout_width="50dp" android:layout_height="50dp" android:layout_marginLeft="50dp" android:layout_toRightOf="@id/btn_mid" android:background="@drawable/right_icon" /> </RelativeLayout> </RelativeLayout>
最新发布
10-18
<!-- 明细行布局 --> <androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="4dp" android:background="@{position % 2 == 0 ? @color/white : @color/gray_100}"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:padding="8dp"> <!-- 物料编码 --> <TextView android:id="@+id/tvMaterialCode" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1.5" android:text="MAT-001"/> <!-- 物料名称 --> <TextView android:id="@+id/tvMaterialName" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="2" android:text="物料A"/> <!-- 规格 --> <TextView android:id="@+id/tvSpecification" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1.5" android:text="标准"/> <!-- 数量 --> <TextView android:id="@+id/tvQuantity" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="100"/> <!-- 单价 --> <TextView android:id="@+id/tvUnitPrice" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="10.00"/> <!-- 金额 --> <TextView android:id="@+id/tvAmount" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:text="1000.00"/> <!-- 编辑按钮 --> <ImageButton android:id="@+id/btnEdit" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="0.5" android:src="@drawable/ic_edit"/> </LinearLayout> </androidx.cardview.widget.CardView> 帮我生成一下上面代码的预览结果
07-30
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值