Android Studio中布局文件没有“Design”与“Text”标签

Android Studio有两种方式显示布局文件，一种是Design一种是Text，如图1所示。

 图1 Design与Text标签

当使用Design方式显示时，可以预览活动的布局，而使用Text方式显示时，会显示布局文件的具体代码。

显示布局文件时，有时没有这两个按键。可以通过修改styles.xml文件或者使用快捷键的方式解决此问题。

1 修改styles.xml

1.1 styles.xml

在Project模式下显示项目，styles.xml的位置在“项目名\app\src\main\res\values”中，该文件的作用是定义了项目的风格属性。

1.2 修改方式

双击打开styles.xml，显示如图2的代码

 图2 styles.xml代码

在该代码中，定义了项目的主题。其中parent定义了项目主题的父主题，即“Theme.AppCompat.Light.DarkActionBar”。需要注意的是“Theme.AppCompat.Light.DarkActionBar”是android.support.v4.*包下的主题，如果在布局文件中使用了不在android.support.v4.*包下的控件时，Android Studio就不会显示布局文件的Design与Text标签。

相关链接1 android.support.v4，在低版本的安卓平台上开发时，如果需要使用高版本安卓系统才有的功能，就需要android.support库来支持向上兼容。android.support库包括v4、v7和v13等版本。

此时，需要把android.support.v4.*包转换android.support.v7.*包，转换的方法是在“Theme.AppCompat.Light.DarkActionBar”之前加入Base，即将parent的值变为“Base.Theme.AppCompat.Light.DarkActionBar”。重启Android Studio即可显示Design与Text标签。

2 快捷键的方式

如果使用“1 修改styles.xml”中提到的方法无法显示Design与Text标签时，可以采用快捷键的方式实现Design与Text的切换。其中，“Alt+Shift+←”是按下“Design”标签的功能，“Alt+Shift+→”是按下“Text”标签的功能。