在邊緣弄亂的布局背景

Question

我正在嘗試為我的視頻播放器制作一個微調吧

trimmer_bar.xml

 <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <RelativeLayout
        android:id="@+id/thumbsBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="40dp"
        tools:background="@color/trimmerBarSelected">


        <ImageView
            android:id="@+id/leftThumb"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:contentDescription=""
            android:scaleType="fitStart"
            android:src="@drawable/ic_left_thumb" />


        <ImageView
            android:id="@+id/rightThumb"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentEnd="true"
            android:contentDescription=""
            android:scaleType="fitEnd"
            android:src="@drawable/ic_right_thumb" />


    </RelativeLayout>
    <ImageView
        android:id="@+id/progressIndicator"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:layout_marginStart="60dp"
        android:layout_marginTop="3dp"
        android:contentDescription=""
        android:scaleType="centerCrop"
        android:src="@android:drawable/btn_star_big_on" />

</FrameLayout>

activity_video_viewer：

 <?xml version="1.0" encoding="utf-8"?>
    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:background="#a8c71c"
        tools:context=".activities.VideoTrimmerActivity">

        <com.tomatedigital.instagram.longstories.ui.TrimmerBar
            android:id="@+id/trimmerBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@color/trimmerBarSelected"
            />
    </FrameLayout>

它的邏輯運作得很好：當用戶觸摸時，我檢測到它是否在左拇指的任何拇指和外殼上我調整了thumbBar的左邊距， 右邊的情況我調整了右邊距...

由於兩個imageview與邊緣對齊，這種行為使它們移動......但實際上移動的是整個RelativeLayout

問題是甚至調整邊距並移動圖像視圖，相對布局仍然顯示邊緣區域中的背景

忽略整個計算我使用以下方法設置邊距：

this.thumbsBar= (RelativeLayout) findViewById(R.id.thumbsBar);
this.thumbsBarLayout = (LayoutParams) this.thumbsBar.getLayoutParams();
this.thumbsBarLayout.leftMargin = this.leftMargin;
this.thumbsBarLayout.rightMargin = this.rightMargin;
this.thumbsBar.setLayoutParams(this.thumbsBarLayout);

================================================== =============

更新：

使其更容易理解

我是這樣的：

我應該：

Answer 1

com.tomatedigital.instagram.longstories.ui.TrimmerBar與com.tomatedigital.instagram.longstories.ui.TrimmerBar具有相同的背景，寬度為match_parent。 您沒有真正指定如何加載布局，我認為它在您的自定義視圖中。

對於測試，更改自定義視圖背景的顏色，以查看您在邊距中看到的背景是來自RelativeLayout還是自定義視圖。 我的猜測是，它來自自定義視圖，並在自定義視圖中更改背景顏色將解決您的問題。