完美解决 手机软键盘遮挡问题

最新推荐文章于 2020-12-30 09:37:20 发布
最新推荐文章于 2020-12-30 09:37:20 发布
阅读量2.1k 收藏
点赞数
分类专栏： 项目遇到的问题 解决方法

遇到的问题

同事的项目在做登陆的时候遇到个问题，就是弹出软键盘把按钮遮挡了。网上好多方法 试了一遍效果都不好。 
那么我们该如何解决这个问题呢？

解决思路

  • 弄个scrollview，让软键盘把scrollview顶上去
  • 不弄scrollview。让软键盘把 输入框顶上去，其他的图片用属性动画移走或者不显示。

效果图

这里写图片描述

用到的技术

代码实现

-监听软键盘 开启关闭代码

<code class="hljs java has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;">这个方法需要在mainfest里面加一句代码
android:windowSoftInputMode=<span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"adjustResize"</span>

<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">package</span> wang.com.logininputdemo;

<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">import</span> android.content.Context;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">import</span> android.util.AttributeSet;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">import</span> android.util.Log;
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">import</span> android.widget.RelativeLayout;

<span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box;">/**
 * 一个继承自RelativeLayout的输入法监听布局
 *
 * Created by zhaowei on 15/7/31.
 */</span>
<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-class" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">class</span> <span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102);">InputMethodLayout</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">extends</span> <span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102);">RelativeLayout</span> {</span>

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">final</span> String TAG = <span class="hljs-string" style="color: rgb(0, 136, 0); box-sizing: border-box;">"InputMethodLayout"</span>;
    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box;">/** 初始化状态 **/</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">final</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">byte</span> KEYBOARD_STATE_INIT = -<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">1</span>;
    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box;">/** 隐藏状态 **/</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">final</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">byte</span> KEYBOARD_STATE_HIDE = -<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">2</span>;
    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box;">/** 打开状态 **/</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">static</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">final</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">byte</span> KEYBOARD_STATE_SHOW = -<span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">3</span>;
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">boolean</span> isInit;                                             <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 是否为初始化状态</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">boolean</span> hasKeybord;                                         <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 标识是否打开了软键盘</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">private</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span> viewHeight;                                             <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 布局高度</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">private</span> onKeyboardsChangeListener keyboarddsChangeListener;         <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// 键盘状态监听</span>

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-title" style="box-sizing: border-box;">InputMethodLayout</span>(Context context, AttributeSet attrs, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span> defStyle) {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">super</span>(context, attrs, defStyle);
        <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// TODO Auto-generated constructor stub</span>
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-title" style="box-sizing: border-box;">InputMethodLayout</span>(Context context, AttributeSet attrs) {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">super</span>(context, attrs);
        <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// TODO Auto-generated constructor stub</span>
    }

    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-title" style="box-sizing: border-box;">InputMethodLayout</span>(Context context) {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">super</span>(context);
        <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">// TODO Auto-generated constructor stub</span>
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box;">/**
     * 设置软键盘状态监听
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box;"> @param</span> listener
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">void</span> <span class="hljs-title" style="box-sizing: border-box;">setOnkeyboarddStateListener</span>(onKeyboardsChangeListener listener) {
        keyboarddsChangeListener = listener;
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box;">/**
     * 布局状态发生改变时，会触发onLayout
     */</span>
    <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box;">@Override</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">protected</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">void</span> <span class="hljs-title" style="box-sizing: border-box;">onLayout</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">boolean</span> changed, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span> l, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span> t, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span> r, <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span> b) {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">super</span>.onLayout(changed, l, t, r, b);
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">if</span> (!isInit) {
            isInit = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">true</span>;
            viewHeight = b;
            keyboardSateChange(KEYBOARD_STATE_INIT);
        } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">else</span> {
            viewHeight = viewHeight < b ? b : viewHeight;
        }
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">if</span> (isInit && viewHeight > b) {
            hasKeybord = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">true</span>;
            keyboardSateChange(KEYBOARD_STATE_SHOW);
        }
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">if</span> (isInit && hasKeybord && viewHeight == b) {
            hasKeybord = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">false</span>;
            keyboardSateChange(KEYBOARD_STATE_HIDE);
        }
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box;">/**
     * 切换软键盘状态
     *
     *<span class="hljs-javadoctag" style="color: rgb(102, 0, 102); box-sizing: border-box;"> @param</span> state
     *            // 状态
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">void</span> <span class="hljs-title" style="box-sizing: border-box;">keyboardSateChange</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span> state) {
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">if</span> (keyboarddsChangeListener != <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">null</span>) {
            keyboarddsChangeListener.onKeyBoardStateChange(state);
        }
    }

    <span class="hljs-javadoc" style="color: rgb(136, 0, 0); box-sizing: border-box;">/**
     * 软键盘状态切换监听
     *
     *
     */</span>
    <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-class" style="box-sizing: border-box;"><span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">interface</span> <span class="hljs-title" style="box-sizing: border-box; color: rgb(102, 0, 102);">onKeyboardsChangeListener</span> {</span>
        <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">void</span> <span class="hljs-title" style="box-sizing: border-box;">onKeyBoardStateChange</span>(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span> state);
    }

}
</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li><li style="box-sizing: border-box; padding: 0px 5px;">23</li><li style="box-sizing: border-box; padding: 0px 5px;">24</li><li style="box-sizing: border-box; padding: 0px 5px;">25</li><li style="box-sizing: border-box; padding: 0px 5px;">26</li><li style="box-sizing: border-box; padding: 0px 5px;">27</li><li style="box-sizing: border-box; padding: 0px 5px;">28</li><li style="box-sizing: border-box; padding: 0px 5px;">29</li><li style="box-sizing: border-box; padding: 0px 5px;">30</li><li style="box-sizing: border-box; padding: 0px 5px;">31</li><li style="box-sizing: border-box; padding: 0px 5px;">32</li><li style="box-sizing: border-box; padding: 0px 5px;">33</li><li style="box-sizing: border-box; padding: 0px 5px;">34</li><li style="box-sizing: border-box; padding: 0px 5px;">35</li><li style="box-sizing: border-box; padding: 0px 5px;">36</li><li style="box-sizing: border-box; padding: 0px 5px;">37</li><li style="box-sizing: border-box; padding: 0px 5px;">38</li><li style="box-sizing: border-box; padding: 0px 5px;">39</li><li style="box-sizing: border-box; padding: 0px 5px;">40</li><li style="box-sizing: border-box; padding: 0px 5px;">41</li><li style="box-sizing: border-box; padding: 0px 5px;">42</li><li style="box-sizing: border-box; padding: 0px 5px;">43</li><li style="box-sizing: border-box; padding: 0px 5px;">44</li><li style="box-sizing: border-box; padding: 0px 5px;">45</li><li style="box-sizing: border-box; padding: 0px 5px;">46</li><li style="box-sizing: border-box; padding: 0px 5px;">47</li><li style="box-sizing: border-box; padding: 0px 5px;">48</li><li style="box-sizing: border-box; padding: 0px 5px;">49</li><li style="box-sizing: border-box; padding: 0px 5px;">50</li><li style="box-sizing: border-box; padding: 0px 5px;">51</li><li style="box-sizing: border-box; padding: 0px 5px;">52</li><li style="box-sizing: border-box; padding: 0px 5px;">53</li><li style="box-sizing: border-box; padding: 0px 5px;">54</li><li style="box-sizing: border-box; padding: 0px 5px;">55</li><li style="box-sizing: border-box; padding: 0px 5px;">56</li><li style="box-sizing: border-box; padding: 0px 5px;">57</li><li style="box-sizing: border-box; padding: 0px 5px;">58</li><li style="box-sizing: border-box; padding: 0px 5px;">59</li><li style="box-sizing: border-box; padding: 0px 5px;">60</li><li style="box-sizing: border-box; padding: 0px 5px;">61</li><li style="box-sizing: border-box; padding: 0px 5px;">62</li><li style="box-sizing: border-box; padding: 0px 5px;">63</li><li style="box-sizing: border-box; padding: 0px 5px;">64</li><li style="box-sizing: border-box; padding: 0px 5px;">65</li><li style="box-sizing: border-box; padding: 0px 5px;">66</li><li style="box-sizing: border-box; padding: 0px 5px;">67</li><li style="box-sizing: border-box; padding: 0px 5px;">68</li><li style="box-sizing: border-box; padding: 0px 5px;">69</li><li style="box-sizing: border-box; padding: 0px 5px;">70</li><li style="box-sizing: border-box; padding: 0px 5px;">71</li><li style="box-sizing: border-box; padding: 0px 5px;">72</li><li style="box-sizing: border-box; padding: 0px 5px;">73</li><li style="box-sizing: border-box; padding: 0px 5px;">74</li><li style="box-sizing: border-box; padding: 0px 5px;">75</li><li style="box-sizing: border-box; padding: 0px 5px;">76</li><li style="box-sizing: border-box; padding: 0px 5px;">77</li><li style="box-sizing: border-box; padding: 0px 5px;">78</li><li style="box-sizing: border-box; padding: 0px 5px;">79</li><li style="box-sizing: border-box; padding: 0px 5px;">80</li><li style="box-sizing: border-box; padding: 0px 5px;">81</li><li style="box-sizing: border-box; padding: 0px 5px;">82</li><li style="box-sizing: border-box; padding: 0px 5px;">83</li><li style="box-sizing: border-box; padding: 0px 5px;">84</li><li style="box-sizing: border-box; padding: 0px 5px;">85</li><li style="box-sizing: border-box; padding: 0px 5px;">86</li><li style="box-sizing: border-box; padding: 0px 5px;">87</li><li style="box-sizing: border-box; padding: 0px 5px;">88</li><li style="box-sizing: border-box; padding: 0px 5px;">89</li><li style="box-sizing: border-box; padding: 0px 5px;">90</li><li style="box-sizing: border-box; padding: 0px 5px;">91</li><li style="box-sizing: border-box; padding: 0px 5px;">92</li><li style="box-sizing: border-box; padding: 0px 5px;">93</li><li style="box-sizing: border-box; padding: 0px 5px;">94</li><li style="box-sizing: border-box; padding: 0px 5px;">95</li><li style="box-sizing: border-box; padding: 0px 5px;">96</li><li style="box-sizing: border-box; padding: 0px 5px;">97</li><li style="box-sizing: border-box; padding: 0px 5px;">98</li><li style="box-sizing: border-box; padding: 0px 5px;">99</li></ul>

还有一个中方法监听 软键盘是否打开

<code class="hljs java has-numbering" style="display: block; padding: 0px; color: inherit; box-sizing: border-box; font-family: 'Source Code Pro', monospace;font-size:undefined; white-space: pre; border-radius: 0px; word-wrap: normal; background: transparent;"> rl.getViewTreeObserver().addOnGlobalLayoutListener(<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">new</span> ViewTreeObserver.OnGlobalLayoutListener() {

            <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//当键盘弹出隐藏的时候会 调用此方法。</span>
            <span class="hljs-annotation" style="color: rgb(155, 133, 157); box-sizing: border-box;">@Override</span>
            <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">public</span> <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">void</span> <span class="hljs-title" style="box-sizing: border-box;">onGlobalLayout</span>() {
                Rect r = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">new</span> Rect();
                <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//获取当前界面可视部分</span>
                SecondActivity.<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">this</span>.getWindow().getDecorView().getWindowVisibleDisplayFrame(r);
                <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//获取屏幕的高度</span>
                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">int</span> screenHeight = SecondActivity.<span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">this</span>.getWindow().getDecorView().getRootView().getHeight();
                <span class="hljs-comment" style="color: rgb(136, 0, 0); box-sizing: border-box;">//此处就是用来获取键盘的高度的， 在键盘没有弹出的时候 此高度为0 键盘弹出的时候为一个正数</span>
                heightDifference = screenHeight - r.bottom;

                <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">if</span> (heightDifference > screenHeight / <span class="hljs-number" style="color: rgb(0, 102, 102); box-sizing: border-box;">3</span>) {
                    startAnimation();
                    flag = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">true</span>;
                } <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">else</span> {
                    backAnimation();
                    flag = <span class="hljs-keyword" style="color: rgb(0, 0, 136); box-sizing: border-box;">false</span>;
                }
            }
        });</code><ul class="pre-numbering" style="box-sizing: border-box; position: absolute; width: 50px; top: 0px; left: 0px; margin: 0px; padding: 6px 0px 40px; border-right-width: 1px; border-right-style: solid; border-right-color: rgb(221, 221, 221); list-style: none; text-align: right; background-color: rgb(238, 238, 238);"><li style="box-sizing: border-box; padding: 0px 5px;">1</li><li style="box-sizing: border-box; padding: 0px 5px;">2</li><li style="box-sizing: border-box; padding: 0px 5px;">3</li><li style="box-sizing: border-box; padding: 0px 5px;">4</li><li style="box-sizing: border-box; padding: 0px 5px;">5</li><li style="box-sizing: border-box; padding: 0px 5px;">6</li><li style="box-sizing: border-box; padding: 0px 5px;">7</li><li style="box-sizing: border-box; padding: 0px 5px;">8</li><li style="box-sizing: border-box; padding: 0px 5px;">9</li><li style="box-sizing: border-box; padding: 0px 5px;">10</li><li style="box-sizing: border-box; padding: 0px 5px;">11</li><li style="box-sizing: border-box; padding: 0px 5px;">12</li><li style="box-sizing: border-box; padding: 0px 5px;">13</li><li style="box-sizing: border-box; padding: 0px 5px;">14</li><li style="box-sizing: border-box; padding: 0px 5px;">15</li><li style="box-sizing: border-box; padding: 0px 5px;">16</li><li style="box-sizing: border-box; padding: 0px 5px;">17</li><li style="box-sizing: border-box; padding: 0px 5px;">18</li><li style="box-sizing: border-box; padding: 0px 5px;">19</li><li style="box-sizing: border-box; padding: 0px 5px;">20</li><li style="box-sizing: border-box; padding: 0px 5px;">21</li><li style="box-sizing: border-box; padding: 0px 5px;">22</li></ul>

这个例子的核心其实就是监听软键盘。其他的没什么了。直接取下载代码看下就明白了。

代码在我的github 欢迎start。fork 
https://github.com/wanghao200906/logininputdemo/tree/master 
尊重原创：http://blog.csdn.net/wanghao200906/article/details/51113461#t3

我是一个小矿工
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android软键盘遮挡的四种完美解决方案
01-04
　输入密码时输入框被系统键盘遮挡了，大大降低了用户操作体验，这就是开发中非常常见的软键盘遮挡的问题,该如何解决? 二、简单解决方案 方法一 　在你的activity中的oncreate中setContentView之前写上这个代码 ...
flex布局之手机输入法弹框遮盖问题
乔布奇尼的博客
08-23 1018
flex布局会在手机输入法被调出的时候出现布局错乱的问题,解决方案是换成其他布局方式
tabar被手机虚拟键挡住_解决Android 虚拟按键遮住了页面内容的问题
weixin_39866265的博客
12-30 254
在启动页的时候华为手机虚拟按键遮挡住了启动页下面的字找了找解决办法，特地记录一下第一种办法：扩展虚拟按键//状态栏 @ 顶部getWindow().addFlags(WindowManager.LayoutParams.FLAG_TRANSLUCENT_STATUS);//A//导航栏 @ 底部getWindow().addFlags(WindowManager.LayoutParams.FLAG...
完美解决 手机软键盘遮挡问题
svenWang_的专栏
04-10 4480
遇到的问题同事的项目在做登陆的时候遇到个问题，就是弹出软键盘把按钮遮挡了。网上好多方法 试了一遍效果都不好。 那么我们该如何解决这个问题呢？解决思路 弄个scrollview，让软键盘把scrollview顶上去 不弄scrollview。让软键盘把 输入框顶上去，其他的图片用属性动画移走或者不显示。 效果图用到的技术 监听软键盘 开启和关闭 获取控件的高度 属性动画 代码实现-监听软键盘 开
js－移动端android浏览器中input框被软键盘遮住的问题解决方案
京都玩家
06-05 1万+
解决input框被软键盘弹出的 问题解决方案
js解决软键盘遮挡输入框的问题分享
10-18
下面小编就为大家推荐一篇js解决软键盘遮挡输入框的问题分享，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
Android软键盘遮挡问题解决
11-27
Android软键盘遮挡问题解决demo 在开发登录界面时,在点击某个EditText准备输入时，弹出的软键盘遮挡了按钮或者下面的输入框。在完成这个文本框的输入后，想要继续下面的操作，需要先隐藏软键盘。这会影响用户操作的...
Android开发软键盘遮挡登陆按钮的完美解决方案
09-01
- 在处理软键盘遮挡问题时，要考虑不同设备的屏幕尺寸和分辨率，确保解决方案在各种设备上都能正常工作。 总之，解决Android软键盘遮挡登录按钮的问题通常涉及调整布局、修改Activity的软输入模式，或者使用第三方...
Android优雅的方式解决软键盘遮挡按钮问题
08-31
综上所述，解决Android软键盘遮挡按钮的问题可以通过多种方式实现，具体选择哪种方法取决于应用场景和设计需求。通常，结合使用`ScrollView`和在AndroidManifest.xml中设置`windowSoftInputMode`是最简单且效果良好...
移动端解决fixed和input获取焦点软键盘弹出影响定位的问题
热门推荐
kongjiea笔记
06-18 10万+
场景描述， 当document的高度不够window的高度时候，如在ip6中文档的高度比窗体的高度小，到底设计在最下方的区域没有在窗体最下方，就留有空白地方如下图的灰色部分 1、 解决初始化文档高度，让文档高度等于窗体高度，并fixed需要定位的区域在最下方(function bottonm(){ if($(document).height()<$(window).height()
利用flex布局解决ios输入框被键盘遮挡问题
weixin_34184158的博客
03-05 904
1、说明 网上有很多类似例子，我自己也使用vue写一个简单的demo，主要利用flex布局，解决ios端偶现的，fixed或者absolute布局导致的输入框被键盘遮挡问题，至于键盘收起页面卡住等其他问题 请参考链接：h5页面在不同ios设备上的问题总结 ，本demo暂时不考虑。 原理是：使用flex布局，把要滚动的区域置于底层滚动。 2、表现 在手机端，微信浏览器和qq浏览器，钉钉浏览器等，都表...
解决弹出软键盘遮挡按钮影响用户体验
子夜的博客
03-24 1410
前言 比如在进行登录的操作中，用户输入完密码之后，肯定是想直接点击登录按钮的。返回键隐藏软键盘这样的体验肯定很糟糕，程序员，遇到问题解决问题。 实现一： 布局文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layo
Android软键盘弹出时不把布局顶上去的解决方法
chenhuakang的博客
10-12 2万+
键盘直接覆盖，不让屏幕上移 Android:windowSoftInputMode="adjustPan|stateHidden"/> Android:windowSoftInputMode="stateVisible|adjustResize"，这样会让屏幕整体上移  Android:windowSoftInputMode="adjustPan"这样键盘就会覆盖屏幕
移动 web 开发几个明显的兼容性问题
weixin_33728708的博客
12-08 102
用 H5 做了个 IM 聊天应用，功能比较简单，可以发送文字图片，以及播放原生客户端发来的语音消息。 即时通讯自然要用 websocket，接口也比较简单，主要精力在于，理解并实现 前后端约定的相关消息协议，并没有什么难度。 前端开发，不可避免会遇到一些兼容性问题，分享几个兼容方案。 键盘遮挡输入框 H5 无法控制原生输入法，各种机型对虚拟键盘弹起行为的处理机制不一，我们的测试同学非常贴心，与键盘...
Android软键盘遮挡的四种解决方案
weixin_34289744的博客
12-31 563
目录： 一、问题概述 二、简单解决方案 三、代码可控性方法 　　1、主页面布局文件 　　2、自定义LinearLayoutView 　　3、主界面MainActivity 四、实现效果 一、问题概述 ...
Android解决软键盘遮挡Button
luyouxin的博客
09-25 3450
今天来介绍软键盘遮挡住登录Button的方法，在登录和注册的时候界面最下方往往会有一个Button，但是用户在输入框中输入的时候软键盘很可能就会把一部分的输入框和Button遮挡了，在网上查了相关的资料解决的办法有很多种，但是都有不尽人意的地方（就我查到的相关解决方案），最后自己总结出了一个我觉得还可以的方案，现在分享给大家。直接上代码，里面主要部分都已经注释了。AndroidManifest.xm
关于移动端输入法遮住input输入框相关问题
qq_34673379的博客
07-03 288
法一 也是主流方法，但是可能我们项目里的输入法没有占据屏幕也就是clientHeight ，因此失败。 Element.scrollIntoView() //使当前的元素滚动到浏览器的可视区域内 Element.scrollIntoViewIfNeeded() //若当前元素已经在浏览器的可视区域内则不滚动否则滚动 法二 改变根元素的高度： 在vue里注册一个全局方法，需要在每个...
android输入框自动顶上去问题解决。
JerryWu145的专栏
08-24 1万+
昨天在设计一个页面，大概框图如下： 顶部有一个原生的ActionBar和一个自定义的ActionBar，然后中间一段内容，最下面有一个EditText；当EditText获取焦点时，会弹出软键盘：注意到顶部的原生ActionBar和我自定义的ActionBar被软键盘给顶出去了...我想要的效果是，顶部的两个ActionBar保持不动，然后下面的Content被顶上去，同时被ActionBa
Android开发：软键盘遮挡输入框问题深度剖析与解决方案
总结来说，解决Android软键盘挡住输入框的问题涉及对`windowSoftInputMode`的理解，以及针对不同场景下的布局调整和事件监听。随着App设计的复杂性提升，开发者需要不断学习和适应，才能在爬坑之旅中找到最合适的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值