如何使用％？在LinearLayout上放置ImageView？

Question

我想在Android的創造是這樣的：

我目前的做法是設法創建一個LinearLayout中，並用不同的權重的一些看法吧。這工作得很好：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:orientation="vertical" android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <LinearLayout 
     android:id="@+id/market_bar" 
     android:orientation="horizontal" 
     android:layout_width="match_parent" 
     android:layout_height="20dp" 
     android:layout_marginLeft="20dp" 
     android:layout_marginRight="20dp"> 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent"> 

      <View 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="0.2" 
       android:background="@android:color/holo_red_light"/> 

      <View 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="0.8" 
       android:background="@android:color/holo_green_dark"/> 
      </LinearLayout> 

    </LinearLayout> 

</RelativeLayout> 

但現在如何添加圖像中出現的標記？我不認爲我可以用重量來實現這一點。例如，如何將標記放置在條的最後？

謝謝

Answer 1

我改變了一個帶有FrameLayout的LinearLayout來改進代碼。
這是圖形佈局：

這是代碼：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 


    <TextView 
     android:id="@+id/actual" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentLeft="true" 
     android:paddingLeft="40dp" 
     android:text="Actual" /> 


    <FrameLayout 
     android:id="@+id/market_bar" 
     android:layout_width="match_parent" 
     android:layout_below="@id/actual" 
     android:layout_height="20dp" 
     android:layout_marginLeft="20dp" 
     android:layout_marginRight="20dp" > 

     <LinearLayout 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" > 

      <View 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="0.7" 
       android:background="@android:color/holo_red_light" /> 

      <View 
       android:layout_width="0dp" 
       android:layout_height="match_parent" 
       android:layout_weight="0.3" 
       android:background="@android:color/holo_green_dark" /> 
     </LinearLayout> 
    </FrameLayout> 

    <TextView 
     android:id="@+id/apertura" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_below="@id/market_bar" 
     android:layout_alignParentLeft="true" 
     android:paddingLeft="120dp" 
     android:text="Apertura" /> 

</RelativeLayout> 

我建議你也來檢查此鏈接：
http://developer.android.com/guide/topics/ui/layout/relative.html

Answer 2

我沒有如果你想建立一個靜態視圖或者像交互式雙滑塊那樣的東西，就可以得到它。 順便說一下，考慮到第一種情況，您可以通過調整android:layout_marginLeft來移動標記。

根據您的代碼示例：

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:orientation="vertical" android:layout_width="match_parent" 
android:layout_height="match_parent"> 

<LinearLayout 
    android:id="@+id/market_bar" 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="60dp" 
    android:layout_marginLeft="20dp" 
    android:layout_marginRight="20dp"> 
    <View 
     android:layout_width="10dp" 
     android:layout_height="20dp" 
     android:background="@android:color/holo_orange_dark"/> 
    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="20dp"> 

     <View 
      android:layout_width="0dp" 
      android:layout_height="20dp" 
      android:layout_weight="0.2" 
      android:background="@android:color/holo_red_light"/> 

     <View 
      android:layout_width="0dp" 
      android:layout_height="20dp" 
      android:layout_weight="0.8" 
      android:background="@android:color/holo_green_dark"/> 
    </LinearLayout> 
    <View 
     android:layout_width="10dp" 
     android:layout_height="20dp" 
     android:layout_marginLeft="310dp" 
     android:background="@android:color/holo_orange_dark"/> 
</LinearLayout> 

</RelativeLayout>