いくつかの部分画像をアンドロイドでポップアップする方法

Question

私は画像の一部を表示したいと思います。漫画のように.iはこのような画像を1つ持っています。

私は画像上にこのようないくつかの部分の表示をクリックしてください。

私はこのタイプを表示したいです。このプロセスで私は 私はいくつかのzipファイルを作成する主な画像の画像の一部を含む魔法使い。 私はすべての画像シーケンスwise.butを表示するために行った私の問題は、どのように実際の画像の任意の部分のクリックを取得し、このような2番目の画面でこれを表示するのですか？

イメージパートIDを取得できません。 イメージIDのこの部分を取得する方法。

ですのでお手伝いください。 私は立ち往生しています。

Answer 1

あなたはこの問題に対してワントリックを行うことができます。

レイアウト内にボタンを設定（背景は透明）。

ボタンのOnClickListenerを設定して、あなたのクラスアクティビティ内に のPopUpsを表示します。

あなたの要件に応じて、表示/非表示機能によるイベントクリック を管理することもできます。

編集

あなたのXMLは次のように次のようになります。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="@drawable/YOUR_IMAGE" > 

    <Button 
     android:id="@+id/btn_invisible" 
     android:layout_width="85dp" 
     android:layout_height="30dp" 
     android:layout_alignParentBottom="true" 
     android:layout_centerHorizontal="true" 
     android:layout_marginBottom="18dp" 
     android:background="@android:color/transparent" /> 

</RelativeLayout> 

あなたのアクティビティクラスのOnCreate（）メソッドの内部。

@Override 
protected void onResume() { 
    // TODO Auto-generated method stub 
    super.onResume(); 

    setContentView(R.layout.help_1); 
    btn_invisible = (Button) findViewById(R.id.btn_invisible); 
    btn_invisible.setOnClickListener(this); 
} 

@Override 
public void onClick(View v) { 
    // TODO Auto-generated method stub 

    if (v == btn_invisible) { 
     //Whatever Code you want to Use for Show Popups 

    } 

一度も試してみることはできません。

Answer 2

メイン画像の一部でアーカイブしている場合は、手動で作成したことを意味します。 あなたのコミックブックビューアは、手動で作成されたコンテンツにのみ適用されます。

実際には、各パーツのサイズと位置を含む何らかの種類の設定ファイル（xmlベースまたはPropertiesファイルなど）を作成するのに問題はありません。

その後、MotionEventを処理し、configの座標で部品のIDを検出できます。

また、オンザフライで画像をカットしてアプリケーションを改善することもできます。それは難しいことではありません。

例：ここ

あなたの画像（page1.png）：

-------------------------------- 
|     |   | 
|     |   | 
|     |  2  | 
|  1  |   | 
|     |   | 
|     |------------| 
|     |   | 
|-----------------|   | 
|     |  4  | 
|     |   | 
|     |   | 
|     |------------| 
|  3  |   | 
|     |   | 
|     |  5  | 
|     |   | 
|     |   | 
-------------------------------- 

あなたの簡単な設定（page1.cfg）：

# Parts description 
# id=x,y;w,h 
1=0,0;18,9 
2=19,0;13,7 
3=0,10;18,11 
4=19,8;13,7 
5=19,15;13,6 

あなたの郵便番号：

クリックのように同じ

page1.png 
page1-1.png 
page1-2.png 
page1-3.png 
page1-4.png 
page1-5.png 
page1.cfg 
...