ContentEditableを利用した編集画面で、ソフトウェアキーボードが被ってしまうのを回避したい
以下のようなレイアウトファイルで、ContentEditableを使った編集画面を作っています。
しかし、WebView内の編集領域で改行していくとキーボードの下に隠れてしまってどうにか出来ないか考えています。
同じようなものを作ったとこがある方や解決方法を知っているだとか試してみると良いことなど、
決定的なものではなくても、情報いただけたら助かります。
試してみたことですが、まずはAndroidのレイアウトファイルの設定などでどうにかならないか調べて以下の設定を調整してみました。
・activity の windowSoftInputModeに adjustResize を設定
・ScrollViewの表示領域を最大にするため、「android:fillViewport="true"」を設定
・WebViewの表示領域を最大にするため、「android:fitsSystemWindows="true"」を設定
→うまくリサイズされたかと思ったのですが、WebView内部の表示領域に影響してしまい長文の時に最初の方に入力したものが見えなくなったりしてうまくいかず・・・
次に、JavaScriptのスクロール関係の処理でどうにか出来ないか試しましたが、
そもそもscrollToなどの関数が動作せず、保留としました。
他にも色々試したことはありますがどうにもうまくいかず、こちらに質問することにしました。
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/rootLayout"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<ScrollView
android:id="@+id/scrollView"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" >
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<EditText
android:id="@+id/titleEditText"
android:layout_width="match_parent"
android:layout_width="match_parent"
android:singleLine="true"/>
<WebView
android:id="@+id/webView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:focusable="true" />
</LinearLayout>
</ScrollView>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal">
<Button
android:id="@+id/button1"
android:layout_width="@dimen/button_width"
android:layout_height="@dimen/button_height"/>
</LinearLayout>
</LinearLayout>