2

我正在尝试为首次启动应用程序开发帮助屏幕。为了在所有尺寸的设备上完成这项工作,我做了一个 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 大的图片的结果: 720像素

这是一张 480px 大的图片的结果: 480像素肖像 480px横向

这是一张 240px 大的图片的结果: 240 像素肖像 240 像素横向

我想我必须使用一个好的维度和 ldpi/mdpi/hdpi/xhdpi 文件夹,也许还可以使用派生的 ldpi-landscap/mdpi-landscape ....

有没有办法做到这一点?我的图像应该有什么尺寸?

提前致谢 !

4

2 回答 2

1

我认为你应该检查这个自定义视图:ShowcaseView

它会以一种更简单、更轻松、更兼容的方式完成您需要实现的目标。

于 2012-09-21T15:03:47.763 回答
0

正如 Thomas Clayson 建议的那样,我没有拍 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" />

顶部区域在调整大小时仍然存在一些问题,它不适合正确的顶部角度。

于 2012-09-24T09:58:49.387 回答