刚开始学android,要做一个简单的界面,界面布局大致如下:
主要分为A、B、C三个部分,其中:
A是一个ViewFlipper,用来显示广告;
B是四个标签,分别对应四个子页面,在下部显示;
C是四个子页面,通过ViewPager实现
A、B、C三个部分在同一个LinearLayout下
现在的问题是,本人的ViewPager的每个page中内容很长,一个屏幕显示不全,所以希望它可以通过下拉来显示完全;
同时,在屏幕下滑的时候 ,B部分的位置也需要向上移动。
但是C部分并不能滑动,即使下面还有内容未显示完全。
代码如下:
activity_main.xml:
主要分为A、B、C三个部分,其中:
A是一个ViewFlipper,用来显示广告;
B是四个标签,分别对应四个子页面,在下部显示;
C是四个子页面,通过ViewPager实现
A、B、C三个部分在同一个LinearLayout下
现在的问题是,本人的ViewPager的每个page中内容很长,一个屏幕显示不全,所以希望它可以通过下拉来显示完全;
同时,在屏幕下滑的时候 ,B部分的位置也需要向上移动。
但是C部分并不能滑动,即使下面还有内容未显示完全。
代码如下:
activity_main.xml:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/linearLayout1" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical" android:scrollbarAlwaysDrawVerticalTrack="true" tools:context="com.dearlhd.helloworld.MainActivity"> <ViewFlipper android:id="@+id/adFlipper" android:layout_width="match_parent" android:layout_height="65dp" android:background="#f3e2f4" android:flipInterval="3000" android:inAnimation="@anim/right_in" android:outAnimation="@anim/right_out"> <include layout="@layout/ad1" /> <include layout="@layout/ad2" /> <include layout="@layout/ad3" /> </ViewFlipper> <LinearLayout android:layout_width="fill_parent" android:layout_height="48dp" android:background="#FFFFFF"> <TextView android:id="@+id/menu_tab1" android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="1" android:gravity="center" android:text="@string/tab_name1" android:textColor="#000000" /> <TextView android:id="@+id/menu_tab2" android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="1" android:gravity="center" android:text="@string/tab_name2" android:textColor="#000000" /> <TextView android:id="@+id/menu_tab3" android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="1" android:gravity="center" android:text="@string/tab_name3" android:textColor="#000000" /> <TextView android:id="@+id/menu_tab4" android:layout_width="0dp" android:layout_height="fill_parent" android:layout_weight="1" android:gravity="center" android:text="@string/tab_name4" android:textColor="#000000" /> </LinearLayout> <ImageView android:id="@+id/img_cursor" android:layout_width="fill_parent" android:layout_height="wrap_content" android:contentDescription="@string/app_name" android:scaleType="matrix" android:src="@mipmap/line" /> <android.support.v4.view.ViewPager android:id="@+id/vpager" android:layout_width="fill_parent" android:layout_height="0dp" android:layout_gravity="center" android:layout_weight="1" android:flipInterval="30" android:persistentDrawingCache="animation" /> </LinearLayout>
ViewPager中的某一个page
view1.xml:
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/text1" android:textColor="#000000" android:textSize="18sp" android:textStyle="bold" /> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/text1" android:textColor="#000000" android:textSize="18sp" android:textStyle="bold" /> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/text1" android:textColor="#000000" android:textSize="18sp" android:textStyle="bold" /> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/text1" android:textColor="#000000" android:textSize="18sp" android:textStyle="bold" /> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="aaaaaaaaaa" android:textColor="#000000" android:textSize="18sp" android:textStyle="bold" /> </LinearLayout>
这个问题怎么解决呢…
假如和未贴出的部分有关,请一同告诉本人!
可运行的项目在github上也上传了一份,假如需要的话,git地址为
https://github.com/dearlhd/Android.git
解决方案
40
ScrollView和Viewpager是不能嵌套的,你可以自定义一个ScrollView,代码如下:
package com.itau.jingdong.widgets;
import android.content.Context;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.TranslateAnimation;
import android.widget.ScrollView;
public class AbScrollView extends ScrollView {
private View inner; // 孩子View
private static final int DEFAULT_POSITION = -1;
private float y = DEFAULT_POSITION;// 点击时y的坐标
private Rect normal = new Rect();
// 滑动距离及坐标
private float xDistance, yDistance, xLast, yLast;
public AbScrollView(Context context, AttributeSet attrs) {
super(context, attrs);
}
/**
* 根据XML生成视图工作完成,该函数在生成视图的最后调用,在全部子视图添加完成之后, 即使子类覆盖了onFinishInflate
* 方法,也应该调用父类的方法, 使得该方法得以执行
*/
@Override
protected void onFinishInflate() {
if (getChildCount() > 0) {
inner = getChildAt(0);
}
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
if (inner == null) {
return super.onTouchEvent(ev);
} else {
commOnTouchEvent(ev);
}
return super.onTouchEvent(ev);
}
public void commOnTouchEvent(MotionEvent ev) {
int action = ev.getAction();
switch (action) {
case MotionEvent.ACTION_DOWN:
y = ev.getY();
break;
case MotionEvent.ACTION_UP:
if (isNeedAnimation()) {
animation();
}
y = DEFAULT_POSITION;
break;
/**
* 排除第一次移动计算,原因是第一次无法得知y左边,在MotionEvent.ACTION_DOWN中获取不到,
* 原因是此时是MyScrollView的Tocuh时间传递到了ListView的孩子item上面。所以从第二次开始计算
* 然而我们也要进行初始化,就是第一次移动的时候让滑动距离归零,之后记录准确了就正常执行
*/
case MotionEvent.ACTION_MOVE:
float preY = y;
float nowY = ev.getY();
if (isDefaultPosition(y)) {
preY = nowY;
}
int deltaY = (int) (preY - nowY);
scrollBy(0, deltaY);
y = nowY;
// 当滚动到最上或最下时就不会再滚动,这时移动布局
if (isNeedMove()) {
if (normal.isEmpty()) {
// 保存正常的布局位置
normal.set(inner.getLeft(), inner.getTop(),
inner.getRight(), inner.getBottom());
}
// 移动布局
inner.layout(inner.getLeft(), inner.getTop() - deltaY,
inner.getRight(), inner.getBottom() - deltaY);
}
break;
default:
break;
}
}
// 开启动画移动
public void animation() {
// 开启移动动画
TranslateAnimation ta = new TranslateAnimation(0, 0, inner.getTop(),
normal.top);
ta.setDuration(200);
inner.startAnimation(ta);
// 设置回到正常的布局位置
inner.layout(normal.left, normal.top, normal.right, normal.bottom);
normal.setEmpty();
}
// 能否需要开启动画
public boolean isNeedAnimation() {
return !normal.isEmpty();
}
// 能否需要移动布局
public boolean isNeedMove() {
int offset = inner.getMeasuredHeight() - getHeight();
int scrollY = getScrollY();
if (scrollY == 0 || scrollY == offset) {
return true;
}
return false;
}
// 检查能否处于默认位置
private boolean isDefaultPosition(float position) {
return position == DEFAULT_POSITION;
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev) {
switch (ev.getAction()) {
case MotionEvent.ACTION_DOWN:
xDistance = yDistance = 0f;
xLast = ev.getX();
yLast = ev.getY();
break;
case MotionEvent.ACTION_MOVE:
final float curX = ev.getX();
final float curY = ev.getY();
xDistance += Math.abs(curX - xLast);
yDistance += Math.abs(curY - yLast);
xLast = curX;
yLast = curY;
if (xDistance > yDistance) {
return false;
}
}
return super.onInterceptTouchEvent(ev);
}
}
用这个嵌套你的ViewPager,代码如下:
<com.itau.jingdong.widgets.AbScrollView android:layout_width="match_parent" android:layout_height="match_parent" android:fadingEdge="none" android:fadingEdgeLength="0dp" android:overScrollMode="never" android:scrollbars="none"> <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="fill_parent" android:layout_height="wrap_content" /> </com.itau.jingdong.widgets.AbScrollView>