2

アプリケーションの初回起動時のヘルプ画面を開発しようとしています。すべてのサイズのデバイスでその作業を行うために、9 パッチ ファイルを作成しました (完全に生のデザインを見ないでください。デザイナーの概念実証を行いたいだけです)。

ここに画像の説明を入力

ご覧のとおり、(画面サイズに応じて) 左側のスペースを縦方向に、「スワイプ」と「完了」の間のスペースを横方向に繰り返したいと思います。

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 の大きな画像の結果は次のとおりです。 720px

480px の大きな画像の結果は次のとおりです。 縦480px 480px 横長

240px の大きな画像の結果は次のとおりです。 縦240px 240px 横向き

私は良い次元と 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 に答える