Android：画面上のソフトキーボードでビューの一部のみをサイズ変更します

Question

ImageViewの上にEdittextフィールドを持つビューがあります。キーボードが表示されたら、ウィンドウのサイズを変更して、EditTextがキーボードで非表示にならないようにします。 AndroidManifestファイルでは、Android:windowSoftInputMode="adjustResize"および画面のサイズを変更しますが、問題はImageViewのサイズを変更しないことです。 ImageViewが影響を受けないようにするにはどうすればよいですか？

ImageViewだけで追加のレイアウトを膨らませることができますか、それともサイズ変更は引き続き影響しますか？ 

Answer 1

完全なソリューションには、いくつかのキーポイントが含まれます

• RelativeLayoutを使用して、Viewsが互いにオーバーラップするように設定できるようにします
• _Android:layout_alignParentBottom="true"_を使用して、EditTextをWindowsの下部に揃えます
• マニフェストで_Android:windowSoftInputMode="adjustResize"_を使用して、キーボードがポップアップしたときにWindowの下部が変更されるようにします（前述のとおり）
• ImageViewをScrollViewの内側に配置して、ImageViewがWindowより大きくなるようにし、ScrollViewのスクロールを無効にします。 ScrollView#setEnabled(false)

これがレイアウトファイルです

_<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"
    tools:context="com.so3.MainActivity">
    <ScrollView
        Android:id="@+id/scroll"
        Android:layout_width="wrap_content"
        Android:layout_height="wrap_content">
        <ImageView
            Android:layout_width="fill_parent"
            Android:layout_height="wrap_content"
            Android:adjustViewBounds="true"
            Android:src="@drawable/stickfigures"/>
    </ScrollView>
    <EditText
        Android:layout_width="fill_parent"
        Android:layout_height="wrap_content"
        Android:layout_alignParentBottom="true"
        Android:background="@Android:color/holo_blue_bright"
        Android:text="Please enter text"
        Android:textSize="40sp"
        Android:gravity="center_horizontal"/>
</RelativeLayout>
_

これが私の活動です

_package com.so3;

import Android.app.Activity;
import Android.os.Bundle;
import Android.widget.ScrollView;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ScrollView sv = (ScrollView)findViewById(R.id.scroll);
        sv.setEnabled(false);
    }
}
_

私のAndroidManifest

_<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:Android="http://schemas.Android.com/apk/res/Android"    package="com.so3" >
    <application
        Android:allowBackup="true"
        Android:icon="@drawable/ic_launcher"
        Android:label="@string/app_name"
        Android:theme="@style/AppTheme" >
        <activity
            Android:name="com.so3.MainActivity"
            Android:windowSoftInputMode="adjustResize"
            Android:label="@string/app_name" >
            <intent-filter>
                <action Android:name="Android.intent.action.MAIN" />
                <category Android:name="Android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>
</manifest>
_

私のソリューションのスクリーンショット

Answer 2

ScrollViewを追加すると、画像をスクロール可能にしたので避けたいので、これを使用しました samples-keyboardheight 電卓とonKeyboardHeightChanged下部の位置を再計算Edittextキーボードの上に置き、マニフェストでこのフラグを使用しました。

Android:windowSoftInputMode="adjustNothing|stateHidden"

KeyboardHeightProviderは次のとおりです。

import Android.app.Activity;
import Android.content.res.Configuration;
import Android.graphics.Point;
import Android.graphics.Rect;
import Android.graphics.drawable.ColorDrawable;
import Android.view.Gravity;
import Android.view.LayoutInflater;
import Android.view.View;
import Android.view.ViewTreeObserver.OnGlobalLayoutListener;
import Android.view.WindowManager.LayoutParams;
import Android.widget.PopupWindow;
/**
 * The keyboard height provider, this class uses a PopupWindow
 * to calculate the window height when the floating keyboard is opened and closed. 
 */
public class KeyboardHeightProvider extends PopupWindow {

    /** The tag for logging purposes */
    private final static String TAG = "sample_KeyboardHeightProvider";

    /** The keyboard height observer */
    private KeyboardHeightObserver observer;

    /** The cached landscape height of the keyboard */
    private int keyboardLandscapeHeight;

    /** The cached portrait height of the keyboard */
    private int keyboardPortraitHeight;

    /** The view that is used to calculate the keyboard height */
    private View popupView;

    /** The parent view */
    private View parentView;

    /** The root activity that uses this KeyboardHeightProvider */
    private Activity activity;

    /** 
     * Construct a new KeyboardHeightProvider
     * 
     * @param activity The parent activity
     */
    public KeyboardHeightProvider(Activity activity) {
        super(activity);
        this.activity = activity;

        LayoutInflater inflator = (LayoutInflater) activity.getSystemService(Activity.LAYOUT_INFLATER_SERVICE);
        this.popupView = inflator.inflate(R.layout.popupwindow, null, false);
        setContentView(popupView);

        setSoftInputMode(LayoutParams.SOFT_INPUT_ADJUST_RESIZE | LayoutParams.SOFT_INPUT_STATE_ALWAYS_VISIBLE);
        setInputMethodMode(PopupWindow.INPUT_METHOD_NEEDED);

        parentView = activity.findViewById(Android.R.id.content);

        setWidth(0);
        setHeight(LayoutParams.MATCH_PARENT);

        popupView.getViewTreeObserver().addOnGlobalLayoutListener(new OnGlobalLayoutListener() {

                @Override
                public void onGlobalLayout() {
                    if (popupView != null) {
                        handleOnGlobalLayout();
                    }
                }
            });
    }

    /**
     * Start the KeyboardHeightProvider, this must be called after the onResume of the Activity.
     * PopupWindows are not allowed to be registered before the onResume has finished
     * of the Activity.
     */
    public void start() {

        if (!isShowing() && parentView.getWindowToken() != null) {
            setBackgroundDrawable(new ColorDrawable(0));
            showAtLocation(parentView, Gravity.NO_GRAVITY, 0, 0);
        }
    }

    /**
     * Close the keyboard height provider, 
     * this provider will not be used anymore.
     */
    public void close() {
        this.observer = null;
        dismiss();
    }

    /** 
     * Set the keyboard height observer to this provider. The 
     * observer will be notified when the keyboard height has changed. 
     * For example when the keyboard is opened or closed.
     * 
     * @param observer The observer to be added to this provider.
     */
    public void setKeyboardHeightObserver(KeyboardHeightObserver observer) {
        this.observer = observer;
    }

    /**
     * Get the screen orientation
     *
     * @return the screen orientation
     */
    private int getScreenOrientation() {
        return activity.getResources().getConfiguration().orientation;
    }

    /**
     * Popup window itself is as big as the window of the Activity. 
     * The keyboard can then be calculated by extracting the popup view bottom 
     * from the activity window height. 
     */
    private void handleOnGlobalLayout() {

        Point screenSize = new Point();
        activity.getWindowManager().getDefaultDisplay().getSize(screenSize);

        Rect rect = new Rect();
        popupView.getWindowVisibleDisplayFrame(rect);

        // REMIND, you may like to change this using the fullscreen size of the phone
        // and also using the status bar and navigation bar heights of the phone to calculate
        // the keyboard height. But this worked fine on a Nexus.
        int orientation = getScreenOrientation();
        int keyboardHeight = screenSize.y - rect.bottom;

        if (keyboardHeight == 0) {
            notifyKeyboardHeightChanged(0, orientation);
        }
        else if (orientation == Configuration.ORIENTATION_PORTRAIT) {
            this.keyboardPortraitHeight = keyboardHeight; 
            notifyKeyboardHeightChanged(keyboardPortraitHeight, orientation);
        } 
        else {
            this.keyboardLandscapeHeight = keyboardHeight; 
            notifyKeyboardHeightChanged(keyboardLandscapeHeight, orientation);
        }
    }

    /**
     *
     */
    private void notifyKeyboardHeightChanged(int height, int orientation) {
        if (observer != null) {
            observer.onKeyboardHeightChanged(height, orientation);
        }
    }

    public interface KeyboardHeightObserver {
        void onKeyboardHeightChanged(int height, int orientation);
    }
}

popupwindow.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:id="@+id/popuplayout"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:background="@Android:color/transparent"
    Android:orientation="horizontal"/>

ここは MainActivity.Java：

import Android.os.Bundle;
import Android.support.v7.app.AppCompatActivity;
import Android.view.View;
import Android.view.ViewGroup;

public class MainActivity extends AppCompatActivity  implements KeyboardHeightProvider.KeyboardHeightObserver {

    private KeyboardHeightProvider keyboardHeightProvider;

    private ViewGroup relativeView;
    private float initialY;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        keyboardHeightProvider = new KeyboardHeightProvider(this);

        relativeView = findViewById(R.id.bottomEditor);
        relativeView.post(() -> initialY = relativeView.getY());

        View view = findViewById(R.id.activitylayout);
        view.post(() -> keyboardHeightProvider.start());


    }

    @Override
    public void onKeyboardHeightChanged(int height, int orientation) {
        if(height == 0){
            relativeView.setY(initialY);
            relativeView.requestLayout();
        }else {

            float newPosition = initialY - height;
            relativeView.setY(newPosition);
            relativeView.requestLayout();
        }
    }

    @Override
    public void onPause() {
        super.onPause();
        keyboardHeightProvider.setKeyboardHeightObserver(null);
    }

    @Override
    public void onResume() {
        super.onResume();
        keyboardHeightProvider.setKeyboardHeightObserver(this);
    }

    @Override
    public void onDestroy() {
        super.onDestroy();
        keyboardHeightProvider.close();
    }
}

activity_main.xml：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    xmlns:app="http://schemas.Android.com/apk/res-auto"
    xmlns:tools="http://schemas.Android.com/tools"
    Android:id="@+id/activitylayout"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent">

    <ImageView
        Android:id="@+id/imageView2"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        Android:adjustViewBounds="true"
        Android:scaleType="fitCenter"
        />

    <RelativeLayout
        Android:id="@+id/bottomEditor"
        Android:layout_width="match_parent"
        Android:layout_height="wrap_content"
        Android:layout_alignParentBottom="true"
        >

        <EditText
            Android:id="@+id/edit_message"
            Android:layout_width="match_parent"
            Android:layout_height="wrap_content"
            Android:layout_margin="4dp"
            Android:layout_toStartOf="@+id/btn_send"
            Android:hint="Add caption"
            Android:paddingBottom="12dp"
            Android:paddingLeft="8dp"
            Android:paddingRight="8dp"
            Android:paddingStart="8dp"
            Android:paddingTop="12dp"
            />

        <ImageButton
            Android:id="@+id/btn_send"
            Android:layout_width="48dp"
            Android:layout_height="48dp"
            Android:layout_alignBottom="@+id/edit_message"
            Android:layout_alignParentEnd="true"
            Android:layout_alignParentRight="true"
            Android:layout_marginEnd="4dp"
            Android:layout_marginRight="4dp"
            app:srcCompat="@Android:drawable/ic_menu_send"
            />

    </RelativeLayout>
</RelativeLayout>

追伸：キーボードの高さ計算コードは siebeprojects からコピーされます

実装のデモ例アプリです。

Answer 3

final View activityRootView = findViewById(R.id.mainScroll);

activityRootView.getViewTreeObserver().addOnGlobalLayoutListener(
        new OnGlobalLayoutListener() {

            @Override
            public void onGlobalLayout() {
                int heightView = activityRootView.getHeight();
                int widthView = activityRootView.getWidth();
                if (1.0 * widthView / heightView > 1) {

                    Log.d("keyboarddddd      visible", "no");
                    relativeLayoutForImage.setVisibility(View.GONE);
                    relativeLayoutStatic.setVisibility(View.GONE);
                    //Make changes for Keyboard not visible


                } else {

                    Log.d("keyboarddddd      visible ", "yes");

                    relativeLayoutForImage.setVisibility(View.VISIBLE);
                    relativeLayoutStatic.setVisibility(View.VISIBLE);
                    //Make changes for keyboard visible


                }
            }
        });

Answer 4

最良の解決策は、DialogFragmentを使用することです

ダイアログを表示

DialogFragment.show(getSupportFragmentManager(), DialogFragment.TAG);

全画面表示

@NonNull
@Override
public Dialog onCreateDialog(Bundle savedInstanceState) {
    Dialog dialog = new Dialog(getActivity(), R.style.MainDialog) { //set the style, the best code here or with me, we do not change
        @Override
        public void onBackPressed() {
            super.onBackPressed();
            getActivity().finish();
        }
    };
    return dialog;
}

スタイル

<style name="MainDialog" parent="@Android:style/Theme.Dialog">
        <item name="Android:windowBackground">@Android:color/transparent</item>
        <item name="Android:windowFrame">@null</item>
        <item name="Android:windowNoTitle">true</item>
        <item name="Android:windowIsFloating">false</item>
        <item name="Android:windowIsTranslucent">true</item>
        <item name="Android:windowContentOverlay">@null</item>
        <item name="Android:background">@null</item>
        <item name="Android:windowAnimationStyle">@null</item>
    </style>

レイアウトアクティビティ

<?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="match_parent"
    Android:layout_height="match_parent"
    Android:background="@color/black">

    <ImageView
        Android:layout_width="match_parent"
        Android:layout_height="match_parent" />

</RelativeLayout>

レイアウトダイアログフラグメント

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:background="@color/transparent">

    <LinearLayout
        Android:layout_width="match_parent"
        Android:layout_height="50dp"
        Android:layout_alignParentBottom="true"
        Android:layout_alignParentStart="true"
        Android:background="@color/background_transparent_60"
        Android:gravity="center_vertical">

        <EditText
            Android:layout_width="match_parent"
            Android:layout_height="match_parent"
            Android:layout_margin="@dimen/spacing_1_8dp"
            Android:layout_marginLeft="@dimen/spacing_1_8dp"
            Android:layout_marginRight="@dimen/spacing_1_8dp"
            Android:layout_weight="1"
            Android:hint="@string/comment_entry_hint"
            Android:inputType="textMultiLine"
            Android:maxLines="4"
            Android:textColor="@color/white"
            Android:textColorHint="@color/secondary_text_hint"
            Android:textSize="@dimen/text_2_12sp" />

        <ImageView
            Android:layout_width="@dimen/livestream_comment_height"
            Android:layout_height="@dimen/livestream_comment_height"
            Android:layout_margin="@dimen/spacing_1_8dp"
            Android:src="@drawable/ic_send" />

    </LinearLayout>

</RelativeLayout>

Answer 5

私の意見では、これを行う最も簡単な方法はこれです2つの変更の組み合わせ：

Android:windowSoftInputMode="adjustResize"

あなたのAndroidManifest.xmlで

+

getWindow().setBackgroundDrawable(your_image_drawable);

@onCreate（）メソッドのアクティビティで

わたしにはできる。

Answer 6

私にとっては、キーボードの高さが特定の測定値であると思いたくありませんでした。 onTouchListenerの作成について懸念していることを表示してから、次の操作を行います。

    setOnTouchListener(new OnTouchListener()  {



        Runnable shifter=new Runnable(){
            public void run(){
                try {
                    int[] loc = new int[2];                 
                    //get the location of someview which gets stored in loc array
                    findViewById(R.id.someview).getLocationInWindow(loc);
                    //shift so user can see someview
                    myscrollView.scrollTo(loc[0], loc[1]);   
                }
                catch (Exception e) {
                    e.printStackTrace();
                }   
            }}
        };

        Rect scrollBounds = new Rect();
        View divider=findViewById(R.id.someview);
        myscollView.getHitRect(scrollBounds);
        if (!divider.getLocalVisibleRect(scrollBounds))  {
            // the divider view is NOT  within the visible scroll window thus we need to scroll a bit.
            myscollView.postDelayed(shifter, 500);
        }



    });

//本質的に、画面に表示したいビューの新しい場所にスクロールする実行可能ファイルを作成します。スクロールビューの境界内にない（画面上にない）場合にのみ、その実行可能ファイルを実行します。このようにして、スクロールビューを参照ビュー（私の場合は行分割線である「someview」）に移動します。

Answer 7

私のために働いた解決策は、AndroidManifest.xmlにあり、そのアクティビティタグは

Android:windowSoftInputMode="stateHidden|adjustResize|adjustNothing"

すべてのセット..これがあなたのために働くことを願っています。