android中xml tools属性详解

原文请移步:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2015/0309/2567.html

第一部分

安卓开发中,在写布局代码的时候,ide可以看到布局的预览效果。

但是有些效果则必须在运行之后才能看见,比如这种情况:TextView在xml中没有设置任何字符,而是在activity中设置了text。因此为了在ide中预览效果,你必须在xml中为TextView控件设置android:text属性

 
 
  1. <TextView
  2.   android:id="@+id/text_main"
  3.   android:layout_width="match_parent"
  4.   android:layout_height="wrap_content"
  5.   android:textAppearance="@style/TextAppearance.Title"
  6.   android:layout_margin="@dimen/main_margin"
  7.   android:text="I am a title" />

一般我们在这样做的时候都告诉自己,没关系,等写完代码我就把这些东西一并删了。但是你可能会忘,以至于在你的最终产品中也会有这样的代码。

用tools吧,别做傻事

以上的情况是可以避免的,我们使用tools命名空间以及其属性来解决这个问题。

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

tools可以告诉Android Studio,哪些属性在运行的时候是被忽略的,只在设计布局的时候有效。比如我们要让android:text属性只在布局预览中有效可以这样

 
 
  1. <TextView
  2.  android:id="@+id/text_main"
  3.  android:layout_width="match_parent"
  4.  android:layout_height="wrap_content"
  5.  android:textAppearance="@style/TextAppearance.Title"
  6.  android:layout_margin="@dimen/main_margin"
  7.  tools:text="I am a title" />

tools可以覆盖android的所有标准属性,将android:换成tools:即可。同时在运行的时候就连tools:本身都是被忽略的,不会被带进apk中。

tools属性的种类

tools属性可以分为两种:一种是影响Lint提示的,一种是关于xml布局设计的。以上介绍的是tools的最基本用法:在UI设计的时候覆盖标准的android属性,属于第二种。下面介绍Lint相关的属性。

Lint相关的属性

 
 
  1. tools:ignore
  2. tools:targetApi
  3. tools:locale

tools:ignore

ignore属性是告诉Lint忽略xml中的某些警告。

假设我们有这样的一个ImageView

 
 
  1. <ImageView
  2.   android:layout_width="wrap_content"
  3.   android:layout_height="wrap_content"
  4.   android:layout_marginStart="@dimen/margin_main"
  5.   android:layout_marginTop="@dimen/margin_main"
  6.   android:scaleType="center"
  7.   android:src="@drawable/divider" />

Lint会提示该ImageView缺少android:contentDescription属性。我们可以使用tools:ignore来忽略这个警告:

 
 
  1. <ImageView
  2.   android:layout_width="wrap_content"
  3.   android:layout_height="wrap_content"
  4.   android:layout_marginStart="@dimen/margin_main"
  5.   android:layout_marginTop="@dimen/margin_main"
  6.   android:scaleType="center"
  7.   android:src="@drawable/divider"
  8.   tools:ignore="contentDescription" />


tools:targetApi

假设minSdkLevel 15,而你使用了api21中的控件比如RippleDrawable

 
 
  1. <ripple xmlns:android="http://schemas.android.com/apk/res/android"
  2.   android:color="@color/accent_color" />

则Lint会提示警告。

为了不显示这个警告,可以:

 
 
  1. <ripple xmlns:android="http://schemas.android.com/apk/res/android"
  2.   xmlns:tools="http://schemas.android.com/tools"
  3.   android:color="@color/accent_color"
  4.   tools:targetApi="LOLLIPOP" />

tools:locale(本地语言)属性

默认情况下res/values/strings.xml中的字符串会执行拼写检查,如果不是英语,会提示拼写错误,通过以下代码来告诉studio本地语言不是英语,就不会有提示了。

 
 
  1. <resources
  2.   xmlns:android="http://schemas.android.com/apk/res/android"
  3.   xmlns:tools="http://schemas.android.com/tools"
  4.   tools:locale="it">
  5.  
  6.   <!-- Your strings go here -->
  7.  
  8. </resources>


这篇文章首先介绍了tools的最基本用法-覆盖android的属性,然后介绍了忽略Lint提示的属性。下篇文章中,我们将继续介绍关于UI预览的其他属性(非android标准属性)。

ps:关于忽略Lint的属性,如果不想了解的话也没关系,因为并不影响编译,一般我都不会管这些警告。


第二部分

这部分我们将继续介绍关于UI预览的其他属性(非android标准属性)。

  • tools:context

  • tools:menu

  • tools:actionBarNavMode

  • tools:listitem/listheader/listfooter

  • tools:showIn

  • tools:layout


tools:context

context属性其实正是的称呼是activity属性,有了这个属性,ide就知道在预览布局的时候该采用什么样的主题。同时他还可以在android studio的java代码中帮助找到相关的文件(Go to Related files

该属性的值是activity的完整包名

 
 
  1. <LinearLayout
  2.   xmlns:android="http://schemas.android.com/apk/res/android"
  3.   xmlns:tools="http://schemas.android.com/tools"
  4.   android:id="@+id/container"
  5.   android:layout_width="match_parent"
  6.   android:layout_height="match_parent"
  7.   android:orientation="vertical"
  8.   tools:context="com.android.example.MainActivity">  <!-- ... -->
  9. </LinearLayout>


tools:menu

告诉IDE 在预览窗口中使用哪个菜单,这个菜单将显示在layout的根节点上(actionbar的位置)。

其实预览窗口非常智能,如果布局和一个activity关联(指上面所讲的用tools:context关联)它将会自动查询相关activity的onCreateOptionsMenu方法中的代码,以显示菜单。而menu属性则可以覆盖这种默认的行为。

你还可以为menu属性定义多个菜单资源,不同的菜单资源之间用逗号隔开。

 
 
  1. tools:menu="menu_main,menu_edit"

如果你不希望在预览图中显示菜单则:

 
 
  1. tools:menu=""

最后需要注意,当主题为Theme.AppCompat时,这个属性不起作用。


tools:actionBarNavMode

这个属性告诉ide  app bar(Material中对actionbar的称呼)的显示模式,其值可以是

 
 
  1. standard
  2. tabs
  3. list
 
 
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:orientation="vertical"
  4.     android:layout_width="match_parent"
  5.     android:layout_height="match_parent"
  6.     tools:actionBarNavMode="tabs" />

同样的,当主题是Theme.AppCompat (r21+, at least) 或者Theme.Material,或者使用了布局包含Toolbar的方式。  该属性也不起作用,只有holo主题才有效。


listitem, listheader 和listfooter 属性

顾名思义就是在ListView ExpandableListView等的预览效果中添加头部 尾部 以及子item的预览布局。

 
 
  1. <GridView
  2.  android:id="@+id/list"
  3.  android:layout_width="match_parent"
  4.  android:layout_height="wrap_content"
  5.  tools:listheader="@layout/list_header"
  6.  tools:listitem="@layout/list_item"
  7.  tools:listfooter="@layout/list_footer" />

 

layout属性

tools:layout告诉ide,Fragment在程序预览的时候该显示成什么样

 
 
  1. <fragment xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:id="@+id/item_list"
  4.     android:name="com.example.fragmenttwopanel.ItemListFragment"
  5.     android:layout_width="match_parent"
  6.     android:layout_height="match_parent"
  7.     android:layout_marginLeft="16dp"
  8.     android:layout_marginRight="16dp"
  9.     tools:layout="@android:layout/list_content" />


tools:showIn

该属性设置于一个被其他布局<include>的布局的根元素上。这让您可以指向包含此布局的其中一个布局,在设计时这个被包含的布局会带着周围的外部布局被渲染。这将允许您“在上下文中”查看和编辑这个布局。需要 Studio 0.5.8 或更高版本。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值