Android Relative Layout兄弟布局引用+号使用疑问（XML预览场景）

嘿，这个问题我当初刚啃RelativeLayout的时候也纠结过好一阵！其实核心原因就是预览面板的XML解析逻辑和编译运行时不一样，咱们只说预览的话，关键看这两点：

• 当你引用的兄弟视图在当前视图的上方（XML里先定义）：
  预览面板是从上到下逐行解析XML的，这时候前面的视图ID已经被临时注册到它的资源表了，所以直接用@id/xxx就行，不用加+号，预览能准确找到对应的视图，渲染完全正常。

• 当你引用的兄弟视图在当前视图的下方（XML里后定义）：
  这时候预览解析到当前视图时，后面的那个ID还没被创建出来呢！如果直接写@id/xxx，预览面板会找不到这个资源，导致视图位置错乱或者不显示。这时候必须用@+id/xxx，它的作用是强制提前创建一个这个ID的占位符，让预览面板先“记住”有这么个ID存在，等后面解析到对应的兄弟视图时，再把视图绑定到这个占位ID上，这样预览就能正确渲染了。

举个直观的例子：

预览会出错的写法 #

<Button
    android:id="@id/btn_submit"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toLeftOf="@id/tv_hint" /> <!-- tv_hint在下面，预览找不到这个ID -->

<TextView
    android:id="@+id/tv_hint"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="请输入内容" />

预览正常的写法（给后面的ID加+） #

<Button
    android:id="@id/btn_submit"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_toLeftOf="@+id/tv_hint" /> <!-- 提前创建tv_hint的占位ID -->

<TextView
    android:id="@+id/tv_hint"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="请输入内容" />

当然，如果把TextView写在Button前面，那Button直接用@id/tv_hint预览也没问题，因为解析顺序对了。

说白了，这就是预览面板的实时线性解析特性导致的，而运行时因为R.java是编译所有XML后统一生成的，不管ID定义顺序，所以加不加+号都能正常工作，但预览就得跟着解析顺序走啦！

内容的提问来源于stack exchange，提问作者OliverDeLange