自定義視圖弄亂了布局

Question

我編寫的自定義視圖一直存在問題。 基本上，我有一個自定義視圖，可以處理座椅的不同部分，並具有不同的狀態。 我設法編寫了代碼，並且運行良好。
由於該應用程序的運行速度有點慢，因此我決定裁剪圖像：與其以透明的方式顯示整個屏幕，不如以整個屏幕的一部分顯示（我沒有繪制圖形）。

但是由於我已經裁剪了圖像，所以它們弄亂了我的布局 。 而且我不知道為什么，因為當我用ImageView替換自定義視圖時，它非常合適！
看來我的觀點忽略了“ wrap_content”，並且花費了超出其所需的一切。 將值設置為“ match_parent”也不起作用。

我嘗試再次裁剪圖像，我以為是因為尺寸，但不是。 我嘗試覆蓋onMeasure方法，沒有任何變化。 而且我不想對大小進行硬編碼，因為我覺得這是一件壞事。

為什么會發生這種情況，我該如何解決？

這是我的一些代碼片段。

fragment_lumbar.xml：

<?xml version="1.0" encoding="utf-8"?>
<!-- Main screen -->
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background_logo">

    <!-- Left menu with control buttons -->

    <RelativeLayout
        android:id="@+id/lumbar_control"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:padding="61dp">

        <ImageButton
            android:id="@+id/button_arrowup"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="40dp"
            android:background="@drawable/arrowup_button"
            android:contentDescription="@string/moveup_lumbar" />

        <!-- Plus/minus buttons -->

        <ImageButton
            android:id="@+id/button_plus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/button_arrowup"
            android:layout_centerVertical="true"
            android:background="@drawable/plus_button"
            android:contentDescription="@string/inflate_lumbar" />

        <ImageButton
            android:id="@+id/button_minus"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/button_arrowup"
            android:layout_toRightOf="@id/button_plus"
            android:layout_marginLeft="90dp"
            android:background="@drawable/minus_button"
            android:contentDescription="@string/deflate_back" />

        <!-- Arrown down button -->

        <ImageButton
            android:id="@+id/button_arrowdown"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/button_plus"
            android:layout_centerHorizontal="true"
            android:background="@drawable/arrowdown_button"
            android:contentDescription="@string/movedown_lumbar" />

        <!-- Home button -->


    </RelativeLayout>

    <!-- Right panel -->

    <!-- Screen -->

    <FrameLayout
        android:id="@+id/center_frame"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:layout_marginTop="7dp"
        android:layout_toRightOf="@id/lumbar_control"
        android:background="@drawable/screen" >

       <TextView
        android:id="@+id/text_state"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_margin="10dp"
        android:textSize="32sp"
        android:gravity="center"
        android:textColor="@color/white"
        android:text="hello"/>

        <!-- Seat screen -->
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:id="@+id/seat"
            android:src="@drawable/lumbar_control_seat"/>

        <com.SeatStateView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@drawable/lumbar_seat_state"
            android:id="@+id/lumbar_seat_state" />

    </FrameLayout>

    <!-- Home button -->
    <Button
        android:id="@+id/button_home"
        android:layout_width="332dp"
        android:layout_height="44dp"
        android:layout_centerHorizontal="true"
        android:background="@android:color/transparent"
        android:layout_alignParentBottom="true"
        android:contentDescription="@string/home_button"/>
</RelativeLayout>

lumbar_seat_state：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:drawable="@drawable/lumbar_seat_state_1" />
    <item android:drawable="@drawable/lumbar_seat_state_2" />
    <item android:drawable="@drawable/lumbar_seat_state_3" />
</layer-list>

lumbar_seat_state_1：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res/com">

    <item android:drawable="@drawable/lumbar_inflate_1"
        app:state_inflating="true" />
    <item android:drawable="@drawable/lumbar_deflate_1"
        app:state_deflating="true" />
    <item android:drawable="@drawable/lumbar_idle_1" />
</selector>

SeatStateView.java：

public class SeatStateView extends View {

    /* Custom states */
    private static final int[] INFLATING_STATE_SET = {
        R.attr.state_inflating
    };

    private static final int[] DEFLATING_STATE_SET = {
        R.attr.state_deflating
    };

    private static final int[] HEATING_STATE_SET = {
        R.attr.state_heating
    };

    private static final int[] COOLING_STATE_SET = {
        R.attr.state_cooling
    };

    /* Inflate/Deflate state */
    private boolean isInflating = false;
    private boolean isDeflating = false;

    /* Heating state */
    private boolean isHeating = false;
    private boolean isCooling = false;

    public SeatStateView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    // Overrides the onCreateDrawable to add our custom states
    @Override
    protected int[] onCreateDrawableState(int extraSpace) {
        final int[] drawableState = super.onCreateDrawableState(extraSpace + 2);

        // Checking the states
        if(isInflating) {
            mergeDrawableStates(drawableState, INFLATING_STATE_SET);
        }

        if(isDeflating) {
            mergeDrawableStates(drawableState, DEFLATING_STATE_SET);
        }

        if(isHeating) {
            mergeDrawableStates(drawableState, HEATING_STATE_SET);
        }

        if(isCooling) {
            mergeDrawableStates(drawableState, COOLING_STATE_SET);
        }

        return drawableState;
    }

    @Override
    protected void onMeasure (int widthMeasureSpec, int heightMeasureSpec){
       super.onMeasure(widthMeasureSpec, heightMeasureSpec);

       int parentWidth = MeasureSpec.getSize(widthMeasureSpec);
       int parentHeight = MeasureSpec.getSize(heightMeasureSpec);
       this.setMeasuredDimension(parentWidth, parentHeight);
    }

    /**
     * Clears all the states and set to idle.
     */

    public void setIdle() {
        isInflating = isDeflating = false;

        // Refresh view
        refreshDrawableState();
    }

    public void setInflating(boolean state) {
        if(isInflating != state) {
            // Update all the states
            isInflating = state;

            if(isInflating) {
                isDeflating = false;
            }

            // Refresh view
            refreshDrawableState();
        }
    }

    public void setDeflating(boolean state) {
        if(isDeflating != state) {
            // Update all the states
            isDeflating = state;

            if(isDeflating) {
                isInflating = false;
            }

            // Refresh view
            refreshDrawableState();
        }
    }

    public void setHeating(boolean state) {
        if(isHeating != state) {
            isHeating = state;

            if(state) {
                isCooling = false;
            }

            // Refresh view
            refreshDrawableState();
        }
    }

    public void setCooling(boolean state) {
        if(isCooling != state) {
            isCooling = state;

            if(state) {
                isHeating = false;
            }

            // Refresh view
            refreshDrawableState();
        }
    }
}

Answer 1

好吧，只是搜索更多。 發現我沒有正確覆蓋我的onMeasure方法。 如果有人偶然發現了這個問題，這是我的新實現：

SeatStateView.java：

@Override
protected void onMeasure (int widthMeasureSpec, int heightMeasureSpec){

    // Background image’s size
    int desiredWidth = getBackground().getIntrinsicWidth();
    int desiredHeight = getBackground().getIntrinsicHeight();

    int widthMode = MeasureSpec.getMode(widthMeasureSpec);
    int widthSize = MeasureSpec.getSize(widthMeasureSpec);
    int heightMode = MeasureSpec.getMode(heightMeasureSpec);
    int heightSize = MeasureSpec.getSize(heightMeasureSpec);

    // Final size
    int width, height;

    // Set width depending on mode
    if(widthMode == MeasureSpec.EXACTLY) {
        width = widthSize;
    }
    else if(widthMode == MeasureSpec.AT_MOST) {
        width = Math.min(desiredWidth, widthSize);
    }
    else {
        width = desiredWidth;
    }

    // Set height depending on mode
    if(heightMode == MeasureSpec.EXACTLY) {
        height = heightSize;
    }
    else if(widthMode == MeasureSpec.AT_MOST) {
        height = Math.min(desiredHeight, heightSize);
    }
    else {
        height = desiredHeight;
    }

    // Finally, set dimension
    setMeasuredDimension(width, height);
}

有關詳細信息，請檢查以下頁面： onMeasure自定義視圖說明 。

對不起，打擾你。