Scrollview中嵌套ViewPager中嵌套ListView 滑动中tab固定顶部ScrollingTricks效果特效

/article/2336606.html

先看效果图



怕说不清楚，特来一张图 手绘



好 现在来说说效果实现中遇到的问题

1：scrollview中嵌套viewpager中嵌套listview

出现了 listview不显示 因为在scrollview中所以要重新计算listview每个子View的高度然后要将整个高度设置为viewpager的高度

给viewpager这是必须的，不然同样也显示不了listview的内容

2：我listview显示出来了 尼玛上下滑动失效

这里真是大坑，差点爬不起来，因为我开始是这样

看起来是没有问题的

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ListView
android:id="@+id/lv_data"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</RelativeLayout>

用的是LinearLayout listview不滚动，我换成RelativeLayout竟然好了

这真是卧槽了 我真不知道咋回事

3：还有就是tab的顶部固定显示 貌似叫做ScrollingTricks效果

这个我开始像用一个布局一直放在顶部，然后根据我滑动的位置来显示与否，我是这么想啦，但是习惯性的查了一下，然后发现一个方法

view.setTranslationY(scroolY)

这个好像可以将一个控件设置到指定位置 那个Demo里面有写 我就按照写法来实现了

主要是获取scrollview滚动中的位置来设置需要显示到指定位置的控件的位置

Demo结构图



首页布局 里面的FrameLayout必须

<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">

<com.example.daemon1993.myapplication.MyScrollView
android:id="@+id/mysl"
android:layout_width="match_parent"
android:layout_height="match_parent">

<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent">

<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<TextView
android:id="@+id/tv_show"
android:layout_width="match_parent"
android:layout_height="150dp"
android:text="@string/hello_world" />

<android.support.v4.view.ViewPager
android:id="@+id/vp"
android:layout_width="match_parent"
android:layout_height="wrap_content" />

</LinearLayout>

<TextView
android:id="@+id/tv_db"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:text="顶部" />

</FrameLayout>

</com.example.daemon1993.myapplication.MyScrollView>

<ImageView
android:id="@+id/in_go2top"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_alignParentRight="true"
android:layout_marginBottom="5dp"
android:layout_marginRight="5dp"
android:src="@mipmap/ic_launcher"
android:visibility="gone" />

</RelativeLayout>

Fragment布局

<?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"
>

<ListView
android:id="@+id/lv_data"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>

</RelativeLayout>

MainActivity

package com.example.daemon1993.myapplication;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.util.Log;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageView;
import android.widget.TextView;

import com.snappydb.DB;
import com.snappydb.DBFactory;
import com.snappydb.SnappydbException;
import com.squareup.okhttp.OkHttpClient;
import com.squareup.okhttp.Protocol;
import com.squareup.okhttp.Request;
import com.squareup.okhttp.Response;
import com.squareup.okhttp.ResponseBody;

import java.io.IOException;
import java.util.ArrayList;

public class MainActivity extends AppCompatActivity {

public ViewPager vp;
TextView tvshow;

public MyScrollView mysl;
ImageView ingo2top;

private ArrayList<Fragment> list;
private int kkk;
private TextView tv_db;
private int kkkk;

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

list = new ArrayList<Fragment>();

for (int i = 0; i < 2; i++) {
list.add(new Fragment1());
}

MyPagerAdpater myPagerAdpater = new MyPagerAdpater(getSupportFragmentManager());

vp.setAdapter(myPagerAdpater);

mysl.setOnScrollListener(new MyScrollView.OnScrollListener() {
@Override
public void onScrollchanged(int scrollY) {

//重点在这里
Log.e("haha ", scrollY + "  " + vp.getTop());
int translation = Math.max(scrollY, vp.getTop() - kkkk);
tv_db.setTranslationY(translation);

if (scrollY > kkk) {
ingo2top.setVisibility(View.VISIBLE);
} else {
ingo2top.setVisibility(View.GONE);
}
}

@Override
public void onTouchUp() {
}

@Override
public void onTouchDown() {
}
});

//获取控件大小
tvshow.post(new Runnable() {
@Override
public void run() {
kkk = tvshow.getHeight();
kkkk = tv_db.getHeight();
}
});

ingo2top.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
Log.e("haha", "hahaha");
mysl.smoothScrollTo(0, 0);
}
});

mysl.smoothScrollTo(0, 0);

//这里没啥用  开始的一个Demo效果 实现缓存什么的   不用管
final OkHttpClient client = new OkHttpClient();
new Thread(new Runnable() {
@Override
public void run() {
Request request = new Request.Builder().url("http://www.baidu.com").build();
Response response = null;
try {
response = client
.newCall(request).execute();
try {
DB snappydb = DBFactory.open(MainActivity.this, "okhttp");

//程序进入第一次联网 保存这个
Protocol protocol = response.protocol();
snappydb.put("response_protocol", protocol.toString());

snappydb.put("json", response.body().string());

String json = snappydb.get("json");

if (json == null) {
Log.e("haha", "缓存没有,存进去");

} else {
Log.e("haha", "缓存读取" + json);

//构建response
ResponseBody responseBody = ResponseBody.create(null, json);
Request request1 = new Request.Builder().url("http://www.eh2h.com").build();
Protocol protocol1 = Protocol.get(snappydb.get("response_protocol"));

Response response1 = new Response.Builder()
.request(request1)
.code(200)
.protocol(protocol1)
.body(responseBody)
.build();

Log.e("response ", response1.body().string());
}

} catch (SnappydbException e) {
e.printStackTrace();
}

} catch (IOException e) {
e.printStackTrace();
}
}
}).start();

}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.menu_main, menu);
return true;
}

@Override
public boolean onOptionsItemSelected(MenuItem item) {
// Handle action bar item clicks here. The action bar will
// automatically handle clicks on the Home/Up button, so long
// as you specify a parent activity in AndroidManifest.xml.
int id = item.getItemId();

//noinspection SimplifiableIfStatement
if (id == R.id.action_settings) {
return true;
}

return super.onOptionsItemSelected(item);
}

private void initView() {
tvshow = (TextView) findViewById(R.id.tv_show);
tv_db = (TextView) findViewById(R.id.tv_db);
vp = (ViewPager) findViewById(R.id.vp);
mysl = (MyScrollView) findViewById(R.id.mysl);
ingo2top = (ImageView) findViewById(R.id.in_go2top);
}

class MyPagerAdpater extends FragmentPagerAdapter {

public MyPagerAdpater(FragmentManager fm) {
super(fm);
}

@Override
public Fragment getItem(int position) {
return list.get(position);
}

@Override
public int getCount() {
return list.size();
}
}

}

Fragment

package com.example.daemon1993.myapplication;

import android.content.Context;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.MotionEvent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AbsListView;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.ListView;
import android.widget.Toast;

import java.util.ArrayList;

/**
* Created by Daemon1993 on 15/8/22.
*/
public class Fragment1 extends Fragment {

private ListView lvdata;
private ArrayList<String> list;

@Nullable
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view=inflater.inflate(R.layout.fragment1,null,false);
lvdata = (ListView)view.findViewById(R.id.lv_data);
list=new ArrayList<String>();
for(int i=0 ; i<100 ; i++){
list.add("123");
}
MyAdpater myAdpater=new MyAdpater(getActivity());

lvdata.setAdapter(myAdpater);
int listViewHeight = ViewUtil.setListViewHeightBasedOnChildren1(lvdata);

ViewGroup.LayoutParams params = ((MainActivity)getActivity()).vp.getLayoutParams();
params.height = listViewHeight;
((MainActivity)getActivity()).vp.setLayoutParams(params);

return view;
}

class MyAdpater extends BaseAdapter {

private  LayoutInflater layoutInflater;
private Context context;

public MyAdpater(Context context) {
this.context=context;
layoutInflater=LayoutInflater.from(context);

}

@Override
public int getCount() {
return list.size();
}

@Override
public Object getItem(int position) {
return list.get(position);
}

@Override
public long getItemId(int position) {
return 0;
}

@Override
public View getView(int position, View convertView, ViewGroup parent) {
if(convertView==null) {
convertView = layoutInflater.inflate(R.layout.item_view,null,false);
}else{

}
return convertView;
}
}
}

MyScrollView

package com.example.daemon1993.myapplication;

import android.annotation.TargetApi;
import android.content.Context;
import android.os.Build;
import android.os.Handler;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.widget.ScrollView;

/**
* Created by Daemon1993 on 15/8/22.
*/
public class MyScrollView extends ScrollView {

public OnScrollListener onScrollListener;

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

public void setOnScrollListener(OnScrollListener onScrollListener) {
this.onScrollListener = onScrollListener;
}

@Override
protected void onScrollChanged(int l, int t, int oldl, int oldt) {
super.onScrollChanged(l, t, oldl, oldt);
if (onScrollListener != null){
onScrollListener.onScrollchanged(t);
}
}

/**
* 由垂直方向滚动条代表的所有垂直范围，缺省的范围是当前视图的画图高度。
*/
public int computeVerticalScrollRange(){
return super.computeVerticalScrollRange();
}

public interface OnScrollListener {
public void onScrollchanged(int t);

public void onTouchUp();

public void onTouchDown();
}
}

ViewUtils

public class ViewUtil {
public static void setListViewHeightBasedOnChildren(ListView listView) {
ListAdapter listAdapter = listView.getAdapter();
if (listAdapter == null) {
return;
}

int totalHeight = 0;
for (int i = 0; i < listAdapter.getCount(); i++) {
View listItem = listAdapter.getView(i, null, listView);
listItem.measure(0, 0);
totalHeight += listItem.getMeasuredHeight();
}

ViewGroup.LayoutParams params = listView.getLayoutParams();
params.height = totalHeight + (listView.getDividerHeight() * (listAdapter.getCount() - 1));
listView.setLayoutParams(params);
}

/**
* 获取Listview的高度，然后设置ViewPager的高度
* @param listView
* @return
*/
public static int setListViewHeightBasedOnChildren1(ListView listView) {
//获取ListView对应的Adapter
ListAdapter listAdapter = listView.getAdapter();
if (listAdapter == null) {
// pre-condition
return 0;
}

int totalHeight = 0;
for (int i = 0, len = listAdapter.getCount(); i < len; i++) { //listAdapter.getCount()返回数据项的数目
View listItem = listAdapter.getView(i, null, listView);
listItem.measure(0, 0); //计算子项View 的宽高
totalHeight += listItem.getMeasuredHeight(); //统计所有子项的总高度
}

ViewGroup.LayoutParams params = listView.getLayoutParams();
params.height = totalHeight + (listView.getDividerHeight() * (listAdapter.getCount() - 1));
//listView.getDividerHeight()获取子项间分隔符占用的高度
//params.height最后得到整个ListView完整显示需要的高度
listView.setLayoutParams(params);
return params.height;
}

}

代码不够明确的话 直接下载demo吧

http://download.csdn.net/detail/liubo080852/9038509