Android Studioでアニメのセル画のように、backgroundに背景の画像(background.jpg)と人物の画像(character.jpg)を表示したい。

Question

いつもお世話になります。
Android Studio, Mac OS X, Android5.1の組み合わせで開発をしています。
アニメのセル画のように、backgroundに背景の画像(background.jpg)と周囲を透明化した人物の画像(character.png)を表示し、そのうえにEditTextを載せたいと思っています。
下記のソースで、いちおう目的は達成できたのですが、いくつか挙動不明なところがあり、ご相談します。

(1)アニメのセル画のように、backgroundに背景の画像(background.jpg)と人物の画像(character.jpg)を表示するのには、背景に2枚の画像を登録したいが、現在は背景に1枚、上部に1枚、下部にEditTextとなっている。background/character/EditTextを重ねて表示することはできますか？ その方法を教えてください。

(2)現状でEditTextをタップすると、characterのimageviewとEditTextが上にずれてキーボードが現れます。keyboardを表示するとき、charcterは移動しない。EditTextのTopは移動せず高さをkeyboard分減らす、というようにしたいです。
方法をご教示ください。

よろしくおねがいします。

ソースの全文は下記の通りです。

activity_main.xml
< ?xml version="1.0" encoding="utf-8"?>
< 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/background"
tools:context=".MainActivity">
<ImageView android:layout_marginTop="0dp" android:layout_marginLeft="0dp" android:id="@+id/character" android:src="@drawable/character" />
<EditText android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginTop="120dp" android:layout_marginLeft="5dp" android:id="@+id/editText" android:text=""/>
</RelativeLayout>

Answer 1

1について
ImageViewのbackground属性とsrc属性を使い分けてみてはどうでしょう。
2について
ソフトウェアキーボードはActivityのルートビューに追加されます。その時に、初期設定では既存のビューと表示領域を分け合う設定になっています。
そのためAndroidManifest.xmlのActivityタグの属性に下記を追加することで解決できます。

android:windowSoftInputMode="adjustPan"

Comments

[退会済みユーザー]

ご回答ありがとうございます。
確認です。1はRayoutのbackgroundではなくImageViewのBackgroundを使うということでしょうか？

[yona]

質問を読み返すと微妙でした。
素直に背景一枚につきImageViewを一つ使ったほうがいいですね。
RelativeLayout→全体Viewの親
ImageView→src属性に背景をセット
ImageView→src属性にキャラクターをセット
EditText→画面下に配置

むしろ「background/character/EditTextを重ねて表示する」は現状できていないですか？

[退会済みユーザー]

ありがとうございます。
現状では、質問のソースのとおりで、

全面に敷いたbackground(RelativeLayoutのbackground)の上にcharacter(画面上部)/EditText(画面下部)を載せることはできています。
しかしながら、
・keyboardを出すとcharacterが画面から追い出されて消える(characterの位置はかえたくない)
・EditTextの背景が白(不透明)でRelativeLayoutのbackgrondを透かして見れない。
という状況で、依然苦戦しております。
今日また試してみます。

[yona]

なるほど、EditTextのbackground属性に@nullを指定するといいでしょう。
ただ、今後の事を考えると、背景をImageViewにしておくことをお勧めします。

[退会済みユーザー]

なるほど。
こんな感じでしょうか。
いま試せる環境がないのですが、これではbackgroundを表示したImageViewに重ねられていないような気がします。
アドバイスいただければ幸い。

< ?xml version="1.0" encoding="utf-8"?>
< 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"
tools:context=".MainActivity">
<ImageView
android:layout_marginTop="0dp"
android:layout_marginLeft="0dp"
android:layout_marginBottom="0dp"
android:layout_marginRight="0dp"
android:id="@+id/character"
android:src="@drawable/background"
/>
<ImageView
android:layout_marginTop="0dp"
android:layout_marginLeft="0dp"
android:id="@+id/character"
android:src="@drawable/character"
/>
<EditText
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="120dp"
android:layout_marginLeft="5dp"
android:id="@+id/editText"
android:background="@null"
android:text=""/>
</RelativeLayout>

[yona]

RelativeLayoutを使っていて、なぜ重ねられないと思うのですか？

[退会済みユーザー]

Androidの開発がほぼ初めてで、微妙に2.3のころに作った知識で自動で並べて配置していた記憶が残っているためです。
要するにわかってない、ってことです。
ひとつひとつ試してますので、よろしくご容赦いただければと。

WPFならcanvas(objectを重ねられる)に相当するものとgrid(重ねられず自動で並ぶ)に相当するものがAndroidではなになのか、わかってないわけです。

[yona]

・LinearLayout→子Viewを並べて表示する。基本的にはView同士は重ならない。
・RelativeLayout→全てのView(親Viewとその内部の子View)がそれぞれの位置関係を相対的に指定して表示する。View同士は重なる場合は後から追加したViewが上に来る。

[退会済みユーザー]

なるほど。
補足していただきありがとうございます。