我见过一些single page Application网站,每当我们点击任何一个标签时,页面都会垂直滚动,以便显示所选的部分,反之亦然,如果我们垂直滚动页面,那么标签会根据显示的部分自动更改。像this这样的东西
我希望在我的android应用程序中有类似的东西。所以请告诉我如何开始。请给我指引方向,或者给我一些建议,帮助我做到这一点。
发布于 2018-03-27 18:07:11
您需要使用this SO post中所示的VerticalViewPager,并同时使用TabLayout。
如果你遇到任何问题,请告诉我。
来自给定SO链接的代码:
/**
* Uses a combination of a PageTransformer and swapping X & Y coordinates
* of touch events to create the illusion of a vertically scrolling ViewPager.
*
* Requires API 11+
*
*/
public class VerticalViewPager extends ViewPager {
public VerticalViewPager(Context context) {
super(context);
init();
}
public VerticalViewPager(Context context, AttributeSet attrs) {
super(context, attrs);
init();
}
private void init() {
// The majority of the magic happens here
setPageTransformer(true, new VerticalPageTransformer());
// The easiest way to get rid of the overscroll drawing that happens on the left and right
setOverScrollMode(OVER_SCROLL_NEVER);
}
private class VerticalPageTransformer implements ViewPager.PageTransformer {
@Override
public void transformPage(View view, float position) {
if (position < -1) { // [-Infinity,-1)
// This page is way off-screen to the left.
view.setAlpha(0);
} else if (position <= 1) { // [-1,1]
view.setAlpha(1);
// Counteract the default slide transition
view.setTranslationX(view.getWidth() * -position);
//set Y position to swipe in from top
float yPosition = position * view.getHeight();
view.setTranslationY(yPosition);
} else { // (1,+Infinity]
// This page is way off-screen to the right.
view.setAlpha(0);
}
}
}
/**
* Swaps the X and Y coordinates of your touch event.
*/
private MotionEvent swapXY(MotionEvent ev) {
float width = getWidth();
float height = getHeight();
float newX = (ev.getY() / height) * width;
float newY = (ev.getX() / width) * height;
ev.setLocation(newX, newY);
return ev;
}
@Override
public boolean onInterceptTouchEvent(MotionEvent ev){
boolean intercepted = super.onInterceptTouchEvent(swapXY(ev));
swapXY(ev); // return touch coordinates to original reference frame for any child views
return intercepted;
}
@Override
public boolean onTouchEvent(MotionEvent ev) {
return super.onTouchEvent(swapXY(ev));
}
}发布于 2018-04-02 10:38:17
在这种情况下,我将使用RecyclerView。如果您将其设置为垂直方向,并将项目高度设置为match_parent,则用户可以像单页面网站一样上下滚动。此外,通过单击特定选项卡,您可以将列表滚动到特定位置。您还可以在每个项目出现/消失后使用动画。
您可以控制每个部分的设计和内容,因为RecyclerView为您提供了为每个项目提供不同设计和内容的选项。
希望能有所帮助。
https://stackoverflow.com/questions/49208191
复制相似问题