首次启动辅助屏幕（9补丁）

Question

我正在尝试为首次启动应用程序开发帮助屏幕。为了在所有尺寸的设备上完成这项工作，我做了一个9patch文件（不要看它的设计是完全原始的。我只是想为设计师做一个概念验证）

如您所见，我想重复（根据屏幕尺寸）垂直左侧空间和水平“滑动到”和“您已完成”之间的空间。

我把我的png放在hdpi文件夹中，我的活动包含以下资源布局：

<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" >

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/helper"
        android:scaleType="fitXY" />
</RelativeLayout>

这是720px大图片的结果：

这是480px大图片的结果：

这是240px大图片的结果：

我想我必须玩一个好的尺寸和ldpi / mdpi / hdpi / xhdpi文件夹，也许还有衍生的ldpi-landscap / mdpi-landscape ....

有没有办法做得对？我的形象应该有多大的尺寸？

提前致谢！

Answer 1

我认为您应该检查此自定义视图：ShowcaseView

它会以更容易，更轻松，更兼容的方式完成您需要实现的目标。

Answer 2

正如托马斯克莱森所暗示的那样，我不是4张而是2张图片：

• 顶部：2个箭头和相应的文字
• 底部：“切换到显示”和“点按以关闭”

这是我的“测试”布局：

<LinearLayout 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"
android:orientation="vertical"
android:background="@color/my_translucent_background_color" >

<ImageView
    android:id="@+id/imageview_top"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:src="@drawable/helper_top"
    android:paddingLeft="20dp"
    android:layout_weight="1"
    android:layout_gravity="top|right" />

<ImageView
    android:id="@+id/imageview_bottom"
    android:layout_width="400dp"
    android:layout_height="wrap_content"
    android:paddingLeft="20dp"
    android:paddingRight="20dp"
    android:src="@drawable/helper_bottom"
    android:layout_weight="2"
android:layout_gravity="bottom|center_horizontal" />

顶部区域调整时仍然存在一些问题，它不适合右上角。