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>

我将该布局添加到我的项目布局文件夹中。上面的代码没有错误，但是当我用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"

此外，它在行android:background="@color/lightbackground"中出错，因为您没有为color定义的drawable。

而不是它，你应该使用。

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

Answer 3

尝试这种方式id应该是android：id =“@ + id / text”

 <?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 in value / 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>

并以

打开

enter image description here

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>

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

4 个答案: