Question

我试图使我的页面看起来像这样：（https://ibb.co/G22z2jq），但是看起来就像这样：( https://ibb.co/pQ3fKhr）。按钮的图像从不显示，

我的代码如下：https://gist.github.com/ApTreL/3f5400093e94f099f339c568ab6bcaaf

我尝试了不同的分辨率，如何从图片中知道我需要多少边距或填充，因此看起来完全一样

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

    <ImageView
        android:id="@+id/logo"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:scaleType="centerInside"
        android:src="@drawable/logo" /><!--set scale type fit xy-->


    <ImageButton
        android:id="@+id/imageButton"
        android:layout_width="match_parent"
        android:layout_height="32sp"
        android:layout_below="@id/logo"
        android:layout_marginTop="116dp"
        android:src="@drawable/Lets-read-button" />

</RelativeLayout>

Answer 1

在下面尝试此代码

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

<ImageView
    android:id="@+id/logo"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:scaleType="centerInside"
    android:src="@drawable/logo" /><!--set scale type fit xy-->


<ImageButton
    android:id="@+id/imageButton"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:layout_marginBottom="20dp"
    android:layout_alignParentBottom="true"
    android:layout_centerHorizontal="true"
    android:src="@drawable/Lets-read-button" />

 </RelativeLayout>

Answer 2

应用下面的代码，您将获得预期的结果。

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

    <ImageView
        android:id="@+id/logo"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="60"
        android:scaleType="fitXY"
        android:src="@drawable/logo" />


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="40"
        android:gravity="center">

        <ImageButton
            android:id="@+id/imageButton"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_below="@+id/logo"
            android:background="@drawable/rectangle_button"
            android:src="@drawable/Lets-read-button" />
    </LinearLayout>

</LinearLayout>

//用于按钮形状 angle_button.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_enabled="true" >
        <ripple xmlns:android="http://schemas.android.com/apk/res/android"
            android:color="?android:colorControlHighlight">
            <item>
                <shape android:shape="rectangle">
                    <corners android:radius="4dp" />
                    <solid android:color="@color/button_background_color" />
                </shape>
            </item>

        </ripple>
    </item>
    <item android:state_enabled="false" >
        <ripple xmlns:android="http://schemas.android.com/apk/res/android"
            android:color="?android:colorControlHighlight">
            <item>
                <shape android:shape="rectangle">
                    <corners android:radius="4dp" />
                    <solid android:color="@android:color/darker_gray" />
                </shape>
            </item>

        </ripple>
    </item>
</selector>

imagebutton没有出现在xml布局上

2 个答案: