Android布局编辑器不显示任何东西？

Question

我从互联网上下载这个布局：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" 
    xmlns:android="http://schemas.android.com/apk/res/android"> 
    <TextView android:id="@id/left" android:background="@color/lightbackground" android:layout_width="10.0dip" android:layout_height="fill_parent" android:layout_alignTop="@id/header" android:layout_alignBottom="@id/bottom" android:layout_alignParentLeft="true" /> 
    <TextView android:id="@id/right" android:background="@color/lightbackground" android:layout_width="10.0dip" android:layout_height="fill_parent" android:layout_alignTop="@id/header" android:layout_alignBottom="@id/bottom" android:layout_alignParentRight="true" /> 
    <LinearLayout android:gravity="center_vertical" android:id="@id/header" android:background="@color/gray_review_header" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_toLeftOf="@id/right" android:layout_toRightOf="@id/left"> 
     <TextView android:textStyle="bold" android:textColor="#ff111111" android:ellipsize="marquee" android:gravity="center_vertical" android:id="@id/name" android:paddingLeft="5.0dip" android:paddingRight="5.0dip" android:fadingEdge="horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:singleLine="true" /> 
     <TextView android:textSize="12.0dip" android:textStyle="bold" android:textColor="#ff666666" android:gravity="center_vertical" android:id="@id/date" android:paddingRight="5.0dip" android:layout_width="fill_parent" android:layout_height="wrap_content" android:singleLine="true" android:layout_weight="1.0" /> 
     <TextView android:textSize="14.0dip" android:textStyle="bold" android:textColor="@color/black" android:id="@id/likes" android:paddingRight="5.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="" android:singleLine="true" /> 
     <RatingBar android:id="@id/rate" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginRight="5.0dip" android:max="5" android:progressDrawable="@drawable/ratebar_theme" android:numStars="5" android:stepSize="0.1" android:isIndicator="true" style="?android:attr/ratingBarStyleSmall" /> 
    </LinearLayout> 
    <TextView android:textColor="#ff111111" android:id="@id/body" android:paddingLeft="5.0dip" android:paddingTop="2.0dip" android:paddingRight="5.0dip" android:paddingBottom="5.0dip" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_toLeftOf="@id/right" android:layout_toRightOf="@id/left" android:layout_below="@id/header" /> 
    <TextView android:id="@id/bottom" android:background="@color/lightbackground" android:layout_width="fill_parent" android:layout_height="10.0dip" android:layout_below="@id/body" android:layout_alignParentLeft="true" android:layout_alignParentRight="true" android:layout_alignParentBottom="true" /> 
</RelativeLayout> 

我补充一点，布局project.There我的布局文件夹在上面的代码中没有错误，但是当我layout editor打开它，没有东西Graphical layout标签你知道为什么会发生这种情况吗？

Answer 1

鼠标右键点击你layout.xml文件并点击Openwith并选择Android Common Xml Editor

尝试这样

Answer 2

因为有很多的错误。

• 组件的ID被定义为，

  android:id="@+id/left"

，但你必须defined它，

android:id="@id/left"

• 此外，它给因为你没有为color定义可绘制的行。

而不是它，你应该使用。

android:background="@android:color/background_light" 

Answer 3

尝试这样的ID应该是机器人：ID = “@ + ID /文本”

<?xml version="1.0" encoding="utf-8"?> 
    <RelativeLayout android:layout_width="fill_parent" android:layout_height="wrap_content" 
     xmlns:android="http://schemas.android.com/apk/res/android"> 
     <TextView android:id="@+id/left" 
      android:background="@color/navy" 
      android:layout_width="10.0dip" 
      android:layout_height="fill_parent" 
      android:layout_alignTop="@+id/header" 
      android:layout_alignBottom="@id/bottom" 
      android:layout_alignParentLeft="true" /> 
     <TextView android:id="@id/right" 
      android:background="@color/lime" 
      android:layout_width="10.0dip" 
      android:layout_height="fill_parent" 
       android:layout_alignTop="@id/header" 
       android:layout_alignBottom="@id/bottom" 
       android:layout_alignParentRight="true" /> 
     <LinearLayout android:gravity="center_vertical" 
      android:id="@+id/header" 
      android:background="@color/gray" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" 
      android:layout_toLeftOf="@id/right" 
      android:layout_toRightOf="@id/left"> 
      <TextView android:textStyle="bold" 
       android:textColor="#ff111111" 
       android:ellipsize="marquee" 
       android:gravity="center_vertical" 
       android:id="@+id/name" 
       android:paddingLeft="5.0dip" 
       android:paddingRight="5.0dip" 
       android:fadingEdge="horizontal" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:singleLine="true" /> 

      <TextView android:textSize="12.0dip" 
       android:textStyle="bold" 
       android:textColor="#ff666666" 
       android:gravity="center_vertical" 
       android:id="@+id/date" 
       android:paddingRight="5.0dip" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:singleLine="true" 
       android:layout_weight="1.0" /> 
      <TextView android:textSize="14.0dip" 
       android:textStyle="bold" 
       android:textColor="@color/black" 
       android:id="@+id/likes" android:paddingRight="5.0dip" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="" 
        android:singleLine="true" /> 
      <RatingBar android:id="@+id/rate" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_marginRight="5.0dip" 
       android:max="5" 

       android:numStars="5" 
       android:stepSize="0.1" 
       android:isIndicator="true" 
       style="?android:attr/ratingBarStyleSmall" /> 
     </LinearLayout> 
     <TextView android:textColor="#ff111111" 
      android:id="@+id/body" 
      android:paddingLeft="5.0dip" 
      android:paddingTop="2.0dip" 
      android:paddingRight="5.0dip" 
      android:paddingBottom="5.0dip" 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:layout_toLeftOf="@id/right" 
       android:layout_toRightOf="@id/left" 
       android:layout_below="@id/header" /> 
     <TextView android:id="@+id/bottom" 
      android:background="@color/teal" 
       android:layout_width="fill_parent" 
       android:layout_height="10.0dip" 
       android:layout_below="@+id/body" 
       android:layout_alignParentLeft="true" 
       android:layout_alignParentRight="true" 
       android:layout_alignParentBottom="true" /> 
    </RelativeLayout> 

而且@color价值/颜色

color.xml

<?xml version="1.0" encoding="utf-8"?> 
<resources> 
<color name="white">#FFFFFF</color> 
<color name="yellow">#FFFF00</color> 
<color name="fuchsia">#FF00FF</color> 
<color name="red">#FF0000</color> 
<color name="silver">#C0C0C0</color> 
<color name="gray">#808080</color> 
<color name="olive">#808000</color> 
<color name="purple">#800080</color> 
<color name="maroon">#800000</color> 
<color name="aqua">#00FFFF</color> 
<color name="lime">#00FF00</color> 
<color name="teal">#008080</color> 
<color name="green">#008000</color> 
<color name="blue">#0000FF</color> 
<color name="navy">#000080</color> 
<color name="black">#000000</color> 
</resources> 

并打开

Answer 4

而不是使用@id/使用@+id/。试试我的下面的代码，您的布局将以图形视图显示给您。

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" > 
<TextView 
    android:id="@+id/left" 
    android:layout_width="10.0dip" 
    android:layout_height="fill_parent" 
    android:layout_alignBottom="@+id/bottom" 
    android:layout_alignParentLeft="true" 
    android:layout_alignTop="@+id/header" 
    android:background="@+color/lightbackground" /> 
<TextView 
    android:id="@+id/right" 
    android:layout_width="10.0dip" 
    android:layout_height="fill_parent" 
    android:layout_alignBottom="@+id/bottom" 
    android:layout_alignParentRight="true" 
    android:layout_alignTop="@+id/header" 
    android:background="@+color/lightbackground" /> 
<LinearLayout 
    android:id="@+id/header" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:layout_toLeftOf="@+id/right" 
    android:layout_toRightOf="@+id/left" 
    android:background="@+color/gray_review_header" 
    android:gravity="center_vertical" > 
    <TextView 
     android:id="@+id/name" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:ellipsize="marquee" 
     android:fadingEdge="horizontal" 
     android:gravity="center_vertical" 
     android:paddingLeft="5.0dip" 
     android:paddingRight="5.0dip" 
     android:singleLine="true" 
     android:textColor="#ff111111" 
     android:textStyle="bold" /> 
    <TextView 
     android:id="@+id/date" 
     android:layout_width="fill_parent" 
     android:layout_height="wrap_content" 
     android:layout_weight="1.0" 
     android:gravity="center_vertical" 
     android:paddingRight="5.0dip" 
     android:singleLine="true" 
     android:textColor="#ff666666" 
     android:textSize="12.0dip" 
     android:textStyle="bold" /> 
    <TextView 
     android:id="@+id/likes" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:paddingRight="5.0dip" 
     android:singleLine="true" 
     android:text="" 
     android:textColor="@+color/black" 
     android:textSize="14.0dip" 
     android:textStyle="bold" /> 
    <RatingBar 
     android:id="@+id/rate" 
     style="?android:attr/ratingBarStyleSmall" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginRight="5.0dip" 
     android:isIndicator="true" 
     android:max="5" 
     android:numStars="5" 
     android:progressDrawable="@+drawable/ratebar_theme" 
     android:stepSize="0.1" /> 
</LinearLayout> 
<TextView 
    android:id="@+id/body" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:layout_below="@+id/header" 
    android:layout_toLeftOf="@+id/right" 
    android:layout_toRightOf="@+id/left" 
    android:paddingBottom="5.0dip" 
    android:paddingLeft="5.0dip" 
    android:paddingRight="5.0dip" 
    android:paddingTop="2.0dip" 
    android:textColor="#ff111111" /> 
<TextView 
    android:id="@+id/bottom" 
    android:layout_width="fill_parent" 
    android:layout_height="10.0dip" 
    android:layout_alignParentBottom="true" 
    android:layout_alignParentLeft="true" 
    android:layout_alignParentRight="true" 
    android:layout_below="@+id/body" 
    android:background="@+color/lightbackground" /> 

为了您@+color/你需要在你colors.xml文件，如下定义你的颜色：

<?xml version="1.0" encoding="utf-8"?> 
    <resources> 
     <color name="white">#FFFFFF</color> 
     <color name="yellow">#FFFF00</color> 
     <color name="fuchsia">#FF00FF</color> 
     <color name="red">#FF0000</color> 
     <color name="silver">#C0C0C0</color> 
     <color name="gray">#808080</color> 
     <color name="olive">#808000</color> 
     <color name="purple">#800080</color> 
     <color name="maroon">#800000</color> 
     <color name="aqua">#00FFFF</color> 
     <color name="lime">#00FF00</color> 
     <color name="teal">#008080</color> 
     <color name="green">#008000</color> 
     <color name="blue">#0000FF</color> 
     <color name="navy">#000080</color> 
     <color name="black">#000000</color> 
</resources>