0

我有两个填充了矩形渐变颜色的文本视图，它们出现在音乐播放器下方。

这是布局文件：` 

<TextView
    android:id="@+id/textView2"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/frequency"
    android:layout_alignRight="@+id/frequency"
    android:text="MIDI Play Back"
    android:textColor="#FF0000"
    android:gravity="center"
    android:textSize="20sp" />

<MediaController
    android:id="@+id/mediaController1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/timer"
    android:layout_below="@+id/timer" >
</MediaController>

<SeekBar
    android:id="@+id/seekBar2"
    android:layout_width="160sp"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/imageButton2"
    android:layout_alignRight="@+id/frequency"
    android:layout_marginRight="17dp" />

<ImageButton
    android:id="@+id/imageButton1"
    android:layout_width="50sp"
    android:layout_height="50dip"
    android:layout_alignBottom="@+id/imageButton2"
    android:layout_toRightOf="@+id/imageButton2"
    android:src="@android:drawable/alert_light_frame" />

<ImageButton
    android:id="@+id/imageButton2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/mediaController1"
    android:layout_below="@+id/mediaController1"
    android:src="@android:drawable/ic_media_play" />

<SeekBar
    android:id="@+id/frequency"
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_below="@+id/textView4"
    android:progressDrawable="@drawable/progress" />

<TextView
    android:id="@+id/textView4"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_below="@+id/textView2"
    android:layout_marginTop="18dp"
    android:text="TextView"
    android:textColor="#FF0000" 
    android:textSize="17sp"/>

<TextView
    android:id="@+id/timer"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/frequency"
    android:layout_below="@+id/frequency"
    android:text="@string/Timer"
    android:textColor="#FF0000" />

<Button
    android:id="@+id/button1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:drawableLeft="@drawable/connectbutton"
    android:text="@string/connect23andme"
    android:textColor="#99FFFF"
    android:textSize="18sp" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="200sp"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/imageButton2"
    android:layout_centerVertical="true"
    android:layout_below="@+id/imageButton2"
    android:layout_marginTop="15sp"
    android:background="@drawable/gradient_rectangle"
    android:text="@string/risk_score"
    android:textColor="#99FFFF"
    android:textSize="25sp" />

<TextView
    android:id="@+id/messageSuffixTextView"
    android:layout_width="200sp"
    android:layout_height="wrap_content"
    android:layout_alignLeft="@+id/textView3"
    android:layout_below="@+id/textView3"
    android:layout_marginTop="18dp"
    android:background="@drawable/risk_low"
    android:text="@string/ind_risk_score"
    android:textColor="#99FFFF"
    android:textSize="25sp" />

</RelativeLayout>`

但是，一旦应用程序在模拟器上运行，这两个文本字段的呈现方式与您在 Eclipse 中看到的不同。具体来说，id=messageSuffixTextView 的 textview 出现在屏幕顶部，而不是出现在 textView3 下方。

以防万一它们是相关的，这是我的渐变可绘制文件：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
    android:startColor="#0000FF"
    android:endColor="#00000000"
    android:angle="45"/>    
</shape>

risk_elevated.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
    android:startColor="#FFCC33"
    android:endColor="#00000000"
    android:angle="45"/>    
</shape>

risk_high.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
    android:startColor="#FF0000"
    android:endColor="#00000000"
    android:angle="45"/>    
</shape>

和 risk_low.xml：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
    android:startColor="#66FF33"
    android:endColor="#00000000"
    android:angle="45"/>    
</shape>

我真的希望我可以上传图片，但我认为我的声誉不够。:(如果我在做一些愚蠢的事情，请告诉我。

4

1 回答 1

0 
// I Have modify your code now try it.
<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/textView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="MIDI Play Back"
        android:textColor="#FF0000"
        android:textSize="20sp" />

     <TextView
        android:id="@+id/textView4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@id/textView2"
        android:layout_marginTop="18dp"
        android:text="TextView"
        android:textColor="#FF0000"
        android:textSize="17sp" />

     <SeekBar
        android:id="@+id/frequency"
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_below="@id/textView4"
        android:progressDrawable="@drawable/progress" />

     <TextView
        android:id="@+id/timer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@id/frequency"
        android:layout_below="@id/frequency"
        android:text="@string/Timer"
        android:textColor="#FF0000" />

    <MediaController
        android:id="@+id/mediaController1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@id/timer"
        android:layout_below="@id/timer" >
    </MediaController>

  <ImageButton
        android:id="@+id/imageButton2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@id/mediaController1"
        android:layout_below="@id/mediaController1"
        android:src="@android:drawable/ic_media_play" />

    <SeekBar
        android:id="@+id/seekBar2"
        android:layout_width="160sp"
        android:layout_height="wrap_content"
        android:layout_alignBottom="@id/imageButton2"
        android:layout_alignRight="@id/frequency"
        android:layout_marginRight="17dp" />

    <ImageButton
        android:id="@+id/imageButton1"
        android:layout_width="50sp"
        android:layout_height="50dip"
        android:layout_alignBottom="@id/imageButton2"
        android:layout_toRightOf="@id/imageButton2"
        android:src="@android:drawable/alert_light_frame" />



    <Button
        android:id="@+id/button1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:drawableLeft="@drawable/connectbutton"
        android:text="@string/connect23andme"
        android:textColor="#99FFFF"
        android:textSize="18sp" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="200sp"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@id/imageButton2"
        android:layout_below="@id/imageButton2"
        android:layout_marginTop="15sp"
        android:background="@drawable/gradient_rectangle"
        android:text="@string/risk_score"
        android:textColor="#99FFFF"
        android:textSize="25sp" />

    <TextView
        android:id="@+id/messageSuffixTextView"
        android:layout_width="200sp"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@id/textView3"
        android:layout_below="@id/textView3"
        android:layout_marginTop="18dp"
        android:background="@drawable/risk_low"
        android:text="@string/ind_risk_score"
        android:textColor="#99FFFF"
        android:textSize="25sp" />

</RelativeLayout>
于 2013-09-09T08:38:46.080 回答