Question

我想将以下图片转换为布局，

如果你仔细观察，播放按钮后面的底部和顶部视图是分开的，并且需要在它们之间安装播放按钮。

这是顶级持有人，

和底部支架，

这是我到目前为止所做的，

<?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:background="@drawable/bg_blur"
    android:orientation="vertical">


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true">

        <ImageView
            android:layout_width="64dp"
            android:layout_height="64dp"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_margin="18dp"
            android:background="@drawable/btn_play" />

        <ImageView
            android:layout_width="64dp"
            android:layout_height="64dp"
            android:layout_alignParentEnd="true"
            android:layout_alignParentRight="true"
            android:layout_margin="18dp"
            android:background="@drawable/btn_play" />
    </RelativeLayout>

    <RelativeLayout
        android:id="@+id/relativeLayout"
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:layout_centerHorizontal="true"
        android:layout_marginBottom="0dp"
        android:layout_marginTop="45dp">

        <ImageView
            android:id="@+id/imageView"
            android:layout_width="162dp"
            android:layout_height="162dp"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:layout_marginBottom="35dp"
            android:background="@drawable/btn_play" />

        <LinearLayout
            android:id="@+id/topHolderLayout"
            android:layout_width="400dp"
            android:layout_height="30dp"
            android:layout_above="@+id/middle_separator"
            android:layout_weight="1"
            android:background="@drawable/top_holder_top_part"
            android:orientation="horizontal"></LinearLayout>

        <View
            android:id="@+id/middle_separator"
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"></View>

        <LinearLayout
            android:id="@+id/bottomHolderLayout"
            android:layout_width="400dp"
            android:layout_height="30dp"
            android:layout_below="@+id/middle_separator"
            android:layout_weight="1"
            android:background="@drawable/top_holder_bottom_part"
            android:orientation="horizontal"></LinearLayout>
    </RelativeLayout>
</RelativeLayout>

因为它完全取决于像素，所以不适用于不同的屏幕尺寸。采用这种设计的最佳方式是什么？任何形式的帮助/建议将不胜感激！

Answer 1

如果您希望布局随设备屏幕缩放，可以执行以下操作之一：

为每个屏幕密度创建单独的图像（对于按钮，这可能是个好主意）：

res/drawable-mdpi/graphic.png         // bitmap for medium-density
res/drawable-hdpi/graphic.png         // bitmap for high-density
res/drawable-xhdpi/graphic.png        // bitmap for extra-high-density
res/drawable-xxhdpi/graphic.png       // bitmap for extra-extra-high-density

来源： http://developer.android.com/guide/practices/screens_support.html

在res / drawable中创建可绘制的XML资源。

例如，您的顶部持有人的背景可能如下所示：

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
    <solid android:color="#e0e0e0" />
    <corners
        android:bottomLeftRadius="0dp"
        android:bottomRightRadius="0dp"
        android:topLeftRadius="128dp"
        android:topRightRadius="128dp" />
</shape>

和底部持有人：

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
    <solid android:color="#e0e0e0" />
    <corners
        android:bottomLeftRadius="128dp"
        android:bottomRightRadius="128dp"
        android:topLeftRadius="0dp"
        android:topRightRadius="0dp" />
</shape>

然后您的按钮可能会覆盖持有者（您不需要＆＃34;切割＆＃34;圆孔）。

使用Android SDK中的 draw9patch 工具创建9补丁图片，如下所述：http://developer.android.com/tools/help/draw9patch.html

Android复杂播放器布局设计

1 个答案: