【问题标题】:AdjustResize with animation用动画调整大小
【发布时间】:2020-11-22 06:11:45
【问题描述】:

我在清单中使用了 android:windowSoftInputMode="adjustResize" 来防止键盘隐藏活动按钮。它可以工作,但是当键盘打开时,我的按钮会向上移动。有点跳动,我想知道——我能有什么动画让它平滑过渡吗?

<activity
        android:name=".Activity"
        android:screenOrientation="portrait"
        android:windowSoftInputMode="adjustResize">
</activity>

【问题讨论】:

  • 您是否在父布局上尝试过 "animateLayoutChanges="true"" ?这是为布局更改制作动画的最简单和最简单的方法。但是,将决定的动画不取决于您,取决于管理应用程序的操作系统。

标签: android android-animation android-softkeyboard


【解决方案1】:

方法setSoftInputMode(int) 不能被覆盖,它的实现在Window 类中,我认为你不能自己替换当前窗口。您也无法通过 WindowManager 管理此问题。
您可以在ViewGroup 上创建一个侦听器,并在SoftKeyboard 打开和关闭时捕获修改的布局。事实上,当 SKB 出现时,容器的布局会重绘并改变其高度。从这个事件中,您可以设法在视图子上设置Animation 并产生平滑的效果。

编辑:解决方案by using a GlobalLayoutListener on the rootview 也可以代替(下面介绍的解决方案:)创建自定义视图组类。

您必须创建自己的视图组并将其作为布局中的父容器。它将实现一个将在 UI 类中处理的接口(@98​​7654332@、Fragment 等等)。我找到了this blog to detect the events on SKB for (~)all versions。根据它,这是处理高度变化的视图组类:

public class ContainerViewHandler extends RelativeLayout {

    private boolean isKeyboardShown;
    private onKeyboardStateChange listener;

    public ContainerViewHandler(Context context) {
        super(context);
    }

    public ContainerViewHandler(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public ContainerViewHandler(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    public void setKeyboardStateListener(onKeyboardStateChange listener) {
        this.listener = listener;
    }

    // Callbacks
    public interface onKeyboardStateChange {
        void onKeyboardShow();
        void onKeyboardHide();
    }

    @Override
    public boolean dispatchKeyEventPreIme(@NonNull KeyEvent event) {
        if (event.getKeyCode() == KeyEvent.KEYCODE_BACK) {
            // Keyboard is hiding
            if (isKeyboardShown) {
                isKeyboardShown = false;
                listener.onKeyboardHide();
            }
        }
        return super.dispatchKeyEventPreIme(event);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        final int proposedHeight = MeasureSpec.getSize(heightMeasureSpec);
        final int actualHeight = getHeight();
        if (actualHeight > proposedHeight) {
            // Keyboard is showing
            if (!isKeyboardShown) {
                isKeyboardShown = true;
                listener.onKeyboardShow();
            }
        }
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }
}

现在,您必须在布局中添加这个视图组(例如&lt;com.package.name.ContainerViewHandler .../&gt;)。然后,必须在activity中实现上述接口setKeyboardStateListener,如下:

ContainerViewHandler containerView = 
          (ContainerViewHandler) findViewById(R.id.container_view);
containerView.setKeyboardStateListener(new ContainerHandler.onKeyboardStateChange() {
    @Override
    public void onKeyboardShow() {
        Log.v("onKeyboardShow()", "SoftKeyboard is showing. Hello!");
    }

    @Override
    public void onKeyboardHide() {
        Log.v("onKeyboardHide()", "SoftKeyboard is hiding, Bye bye!");
    }
});

因此,您可以管理不同的动画来处理和防止按钮直接“跳转”到 SKB 上方。为了测试这一点,我尝试重现反弹效果:

这是我的实现的样子:

containerView.setKeyboardStateListener(new ContainerViewHandler.onKeyboardStateChange() {
    @Override
    public void onKeyboardShow() {
        setAnimationUp();
    }

    @Override
    public void onKeyboardHide() {
        setAnimationDown();
    }
});

private void setAnimationUp() {
    footerButton.setVisibility(View.GONE);
    float dpY = AppUtils.convertPxToDp(20, this); // custom conversion method

    Animation a1 = new TranslateAnimation(0, 0, footerButton.getHeight() * 4, -(dpY));
    a1.setDuration(250);
    a1.setFillAfter(true);

    final Animation a2 = new TranslateAnimation(0, 0, -(dpY), 0);
    a2.setDuration(320);
    a2.setFillAfter(true);

    a1.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {
            footerButton.setVisibility(View.VISIBLE);
        }

        @Override
        public void onAnimationEnd(Animation animation) {
            footerButton.startAnimation(a2);
        }

        @Override
        public void onAnimationRepeat(Animation animation) { }
    });

    footerButton.startAnimation(a1);
}

private void setAnimationDown() {
    float dpY = AppUtils.convertPxToDp(30, this); // custom conversion method
    Animation b1 = new TranslateAnimation(0, 0, -(dpY), dpY);
    b1.setDuration(300);
    b1.setFillAfter(true);

    final Animation b2 = new TranslateAnimation(0, 0, dpY, 0);
    b2.setDuration(320);
    b2.setFillAfter(true);

    b1.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) { }

        @Override
        public void onAnimationEnd(Animation animation) {
            footerButton.startAnimation(b2);
        }

        @Override
        public void onAnimationRepeat(Animation animation) { }
    });

    footerButton.startAnimation(b1);
}

我首先在第一个回调中设置两个动画(a1,a2):

  • a1:从 SKB 下方(后面)开始(大约4xbutton's height),直到上面的20dp
  • a2:从20dp 开始并返回0dp(正常位置)。

还有另外两个(b1,b2)在第二个回调中:

  • b1:从按钮向上到顶部30dp的位置开始,向下到父容器外的30dp
  • b2:最后,从30dp0dp(初始位置)。

PS:不要忘记在 Manifest 中使用 adjustResize 并将内容(例如我的测试中的编辑文本)above 设置为具有 alignParentBottom 为 true 的页脚按钮。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-04-07
    • 2018-04-18
    • 2014-07-29
    相关资源
    最近更新 更多