废话少说,上图看效果
美骑 ![登录](https://img.haomeiwen.com/i3412698/55f2c7b266656f04.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)为什么是美骑呢,呃·········我不是美骑网的··········
因为我自己的做完了,没有反面例子,刚好在桌面看到了这个,所以不好意思辣,这就是典型的反面例子,不过美骑也别伤心嘛,起码我给你们打广告了
当我点击手机那里输入的时候,软键盘弹出,挡住了登录按钮,这是对用户体验造成很不好的影响········
所以客户发现了这个问题,要求我们的应用要改,要有微信的效果
微信的效果是什么,就是输入的时候整个布局会上移,露出登录的按钮····
微信.png话说微信也只是最后一个才会弹上去,其他的不会
客户轻飘飘的一句话说的简单,改起来··········
其实我一开始认为也很简单的,在manifest里面加个软件盘的参数嘛
android:windowSoftInputMode="stateAlwaysHidden|adjustResize"
然而发现没卵用
百度一下,用ScrollView就好,用了,结果不会弹上去,各种问题
把按钮放ScrollView外面,会弹了,但是不美观,下面空出一大片······
好了那只能手动弹吧
然后ScrollView有个方法叫 fullScroll 用法就是
mScrollView.fullScroll(ScrollView.FOCUS_DOWN);
作用就是直接滑动到底部·······
本来没啥问题,问题就是一调用这个方法Editext的焦点啊,焦点也自动滑动到下面了,导致账户名那里根本选择不了·······
为了调出这个bug也是千辛万苦啊,说多了都是泪·········
后来只能用scrollTo了,简单,粗暴·····
算了,上面都是坑,直接讲实现吧:
//键盘不遮挡按钮
private void setScroll() {
KeyboardUtil.assistActivity(this, R.id.scroll_view); //这个是别人给我的工具类,只用这个会有
parent.setOnTouchListener(new View.OnTouchListener() { //parent为Editext外面那层布局
@Override
public boolean onTouch(View v, MotionEvent event) {
parent.setFocusable(true);
parent.setFocusableInTouchMode(true);
parent.requestFocus();
InputMethodManager imm = (InputMethodManager) LoginActivity.this
.getSystemService(Context.INPUT_METHOD_SERVICE);
imm.hideSoftInputFromWindow(account.getWindowToken(), 0); //隐藏键盘,account为Editext,随便一个就好
return false;
}
});
scroll.setOnScrollChangeListener(new NestedScrollView.OnScrollChangeListener() { //scroll为parent外面那层布局()最好用NestedScrollView,ScrollView会有版本问题
@Override
public void onScrollChange(NestedScrollView v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
v.scrollTo(0,450); //这个是滑动距离,随便大一点就好
}
});
}
继续上工具类:
public class KeyboardUtil {
private static final String TAG = "KeyboardUtil";
// For more information, see
// https://code.google.com/p/android/issues/detail?id=5497
// To use this class, simply invoke assistActivity() on an Activity that
// already has its content view set.
public static void assistActivity(Activity activity, int viewId) {
new KeyboardUtil(activity, viewId);
}
private View mChildOfContent;
private NestedScrollView mScrollView;
private RelativeLayout.LayoutParams relativeLayoutParams;
private KeyboardUtil(Activity activity, int viewId) {
FrameLayout content = (FrameLayout) activity
.findViewById(android.R.id.content);
mChildOfContent = content.getChildAt(0);
mScrollView = (NestedScrollView) content.findViewById(viewId);
mChildOfContent.getViewTreeObserver().addOnGlobalLayoutListener(
new ViewTreeObserver.OnGlobalLayoutListener() {
@Override
public void onGlobalLayout() {
possiblyResizeChildOfContent();
}
});
}
private void possiblyResizeChildOfContent() {
int contentHeight = mChildOfContent.getRootView().getHeight();
int curDisplayHeight = computeUsableHeight();
if (contentHeight - curDisplayHeight > contentHeight / 4) {
Log.e(TAG, "possiblyResizeChildOfContent: 1" );
mScrollView.scrollTo(0,600);
// mScrollView.fullScroll(ScrollView.FOCUS_DOWN);
} else {
Log.e(TAG, "possiblyResizeChildOfContent: 2" );
}
}
/**
* 获取屏幕可显示区域高度
*
* @return
*/
private int computeUsableHeight() {
Rect r = new Rect();
mChildOfContent.getWindowVisibleDisplayFrame(r);
return r.height();
}
}
想了想还是把布局写出来吧
<LinearLayout
··········
<android.support.v4.widget.NestedScrollView
android:id="@+id/scroll_view"
<LinearLayout
android:id="@+id/ll_parent"
<EditText/>
<EditText/>
</LinearLayout>
</android.support.v4.widget.NestedScrollView>
</LinearLayout>
大概就是这样的
好歹也坑了我那么久,必须写出来,你们别踩就好~
或者有更好的办法,告诉我一下呗,我写完都觉得这种方法好粗暴啊,哈哈哈~
·
网友评论