Android 自定义ScrollView ListView 体验各种纵向滑动的需求,字节跳动8年老Android面试官经验谈

checkForReset();

return true;

default:

break;

}

return super.onTouchEvent(ev);

}

/**

  • 在底部添加一个View,并移除第一个View

*/

private void addChildToLast()

{

Log.e(“TAG”, “addChildToLast”);

int pos = (Integer) mContainer.getChildAt(1).getTag();

addChildView(pos);

mContainer.removeViewAt(0);

this.scrollTo(0, 0);

}

/**

  • 在顶部添加一个View,并移除最后一个View

*/

protected void addChildToFirst()

{

Log.e(“TAG”, “addChildToFirst”);

int pos = (Integer) mContainer.getChildAt(mItemCount - 1).getTag();

addChildView(pos, 0);

mContainer.removeViewAt(mContainer.getChildCount() - 1);

this.scrollTo(0, mItemHeight);

}

/**

  • 检查当前getScrollY,显示完成Item,或者收缩此Item

*/

private void checkForReset()

{

int val = getScrollY() % mItemHeight;

if (val >= mItemHeight / 2)

{

smoothScrollTo(0, mItemHeight);

} else

{

smoothScrollTo(0, 0);

}

}

可以看到ACTION_MOVE中我们只判断是否到达顶部或者底部;

if (Math.abs(scrollY - mItemHeight) <= mItemCount)这样的判断,主要是因为,担心用户设置的个数拿屏幕的高度来除并不是整除的,整数除整数难免有个四舍五入什么的,所以我设置了一个小的范围;

当到达顶部的时候,顶部其实已经没有Item了,此时我们为顶部添加一个Item,同时移除底部的最后一个;并且我们需要将scrollY移动到未添加前的位置;给用户一个无缝添加的体验;

到达底部同理了~

当ACTION_UP的时候,我们对当前的scrollY进行检查,如果对Item高度取余后小于Item的高度的一半,小于Item的高度的一半意味中隐藏部分是小于一般的,而显示部分是大于一半的,于是我们smoothScrollTo(0, 0);把完整的Item显示出来;反之则反之;

取余以后得到的值其实去超出屏幕的部分,也就是隐藏的部分,它要是大于一半,那么显示部分就小于一半;反之则反之;

MainActivity中用户的使用

package com.example.zhy_wangandroid_hownoon;

import java.util.ArrayList;

import java.util.Arrays;

import java.util.List;

import android.app.Activity;

import android.graphics.Color;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.Window;

import android.widget.ImageView;

import android.widget.Toast;

import com.example.zhy_wangandroid_hownoon.SingleItemScrollView.Adapter;

import com.example.zhy_wangandroid_hownoon.SingleItemScrollView.OnItemClickListener;

public class MainActivity extends Activity

{

private SingleItemScrollView mScrollView;

private Adapter mAdapter;

private LayoutInflater mInflater;

private List mDatas = new ArrayList(Arrays.asList(//

new Bean(R.drawable.icon_about, Color.rgb(123, 34, 45)),//

new Bean(R.drawable.icon_map, Color.rgb(12, 34, 145)),//

new Bean(R.drawable.icon_message, Color.rgb(177, 234, 145)),//

new Bean(R.drawable.icon_oil, Color.rgb(88, 134, 145))//

));

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_main);

mInflater = LayoutInflater.from(this);

mScrollView = (SingleItemScrollView) findViewById(R.id.id_scrollview);

mAdapter = new Adapter()

{

@Override

public View getView(SingleItemScrollView parent, int pos)

{

View view = mInflater.inflate(R.layout.item, null);

ImageView iv = (ImageView) view.findViewById(R.id.id_title);

iv.setImageResource(mDatas.get(pos).getResId());

view.setBackgroundColor(mDatas.get(pos).getColor());

return view;

}

@Override

public int getCount()

{

return 4;

}

};

mScrollView.setAdapter(mAdapter);

mScrollView.setOnItemClickListener(new OnItemClickListener()

{

@Override

public void onItemClick(int pos, View view)

{

Toast.makeText(getApplicationContext(), pos + “”,

Toast.LENGTH_SHORT).show();

}

});

}

}

用户拿到控件,设置Adapter,在getView里面设置数据以及决定Item的样子;提供一个setOnItemClickListener的回调,供用户设置点击每个Item的处理;和ListView的使用风格基本是一致的;

4、布局文件


主布局文件:

<ScrollView xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:tools=“http://schemas.android.com/tools”

android:id=“@+id/id_scrollview”

android:scrollbars=“none”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content” >

<LinearLayout

android:id=“@+id/id_container”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:orientation=“vertical” >

Item的布局

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

android:layout_width=“match_parent”

android:layout_height=“match_parent”

android:background=“#000000”

android:gravity=“center” >

<ImageView

android:id=“@+id/id_title”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:scaleType=“fitCenter”

android:src=“@drawable/icon_about” />

3、自定义ListView使用滑动结束完整显示Item

===========================

1、效果图:


2、实现原理


先分析一下:

想要结束显示完整的,那么有个前提是,你的Item初始化一屏幕的时候应该刚好是固定数量完整的Item;

这样,就需要一个参数指定一屏幕显示多少个Item;同时会根据Item数量为每个Item设置高度;

存在一个问题,Item布局是在Adapter中设置的,也就是说,我们必须在getView中设置这个高度,但是这个高度实在ListView中计算的,所以对外公布出这个高度;

最后无非就是监听滚动结束后,判断当前显示是否是完整的,如果是则,如果不是则;

3、实现代码


a、自定义属性

<?xml version="1.0" encoding="utf-8"?>

很简单就一个属性;

b、布局文件:

<LinearLayout xmlns:android=“http://schemas.android.com/apk/res/android”

xmlns:tools=“http://schemas.android.com/tools”

xmlns:zhy=“http://schemas.android.com/apk/res/com.example.zhy_wangandroid_hownoon”

android:id=“@+id/id_scrollview”

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:orientation=“vertical” >

<com.example.zhy_wangandroid_hownoon.MyListView

android:id=“@+id/id_lv”

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:divider=“@null”

zhy:itemCount=“8” >

</com.example.zhy_wangandroid_hownoon.MyListView>

c、MyListView

package com.example.zhy_wangandroid_hownoon;

import android.content.Context;

import android.content.res.TypedArray;

import android.util.AttributeSet;

import android.util.DisplayMetrics;

import android.util.Log;

import android.view.WindowManager;

import android.widget.AbsListView;

import android.widget.AbsListView.OnScrollListener;

import android.widget.ListView;

public class MyListView extends ListView implements OnScrollListener

{

private static final String TAG = MyListView.class.getSimpleName();

/**

  • 每个屏幕显示多少个Item

*/

private int mItemCountInOneScreen ;

/**

  • 每个Item的高度

*/

private int mItemHeight;

/**

  • 记录第一个显示的Item

*/

private int mFirstVisibleItem;

public MyListView(Context context, AttributeSet attrs)

{

this(context, attrs, 0);

}

/**

  • 构造方法中拿到自定义属性ItemCount,计算每个Item高度

  • @param context

  • @param attrs

  • @param defStyle

*/

public MyListView(Context context, AttributeSet attrs, int defStyle)

{

super(context, attrs, defStyle);

WindowManager wm = (WindowManager) context

.getSystemService(Context.WINDOW_SERVICE);

DisplayMetrics outMetrics = new DisplayMetrics();

wm.getDefaultDisplay().getMetrics(outMetrics);

//获取MyListView_itemCount

TypedArray a = context.getTheme().obtainStyledAttributes(attrs,

R.styleable.MyListView, defStyle, 0);

int n = a.getIndexCount();

for (int i = 0; i < n; i++)

{

int attr = a.getIndex(i);

switch (attr)

{

case R.styleable.MyListView_itemCount:

mItemCountInOneScreen = a.getInt(attr, 6);

break;

}

}

a.recycle();

//计算每个Item高度

mItemHeight = (outMetrics.heightPixels - getStatusHeight(context))

/ mItemCountInOneScreen;

//设置一个滚动监听

setOnScrollListener(this);

Log.e(TAG, mItemCountInOneScreen + “”);

}

@Override

public void onScrollStateChanged(AbsListView view, int scrollState)

{

//滚动结束

if (scrollState == OnScrollListener.SCROLL_STATE_IDLE)

{

// Log.e(TAG, getChildAt(0).getTop() + " getTop()");

Log.e(TAG, mFirstVisibleItem + " SCROLL_STATE_IDLE");

//获取第一个Item的top

int top = getChildAt(0).getTop();

if (top == 0)

return;

//绝对值不为0时,如果绝对值大于mItemHeight的一半,则收缩,即显示下一个Item

if (Math.abs(top) > mItemHeight / 2)

{

this.setSelection(mFirstVisibleItem + 1);

// this.scrollTo(x, y)

// smoothScrollToPosition(mFirstVisibleItem - 1);

// scrollBy(0, mItemHeight- Math.abs(top));

// smoothScrollBy(mItemHeight- Math.abs(top), 200);

} else//绝对值不为0时,如果绝对值小于于mItemHeight的一半,则展开,显示当前完整的Item

{

this.setSelection(mFirstVisibleItem);

// this.scrollTo(x, y)

// smoothScrollBy( -Math.abs(top), 200);

// smoothScrollByOffset(offset);

// scrollBy(0, -Math.abs(top));

// smoothScrollToPosition(mFirstVisibleItem);

}

// smoothScrollToPosition(mFirstVisibleItem);

}

}

/**

  • 滚动过程中不断记录当前显示的第一个Item

*/

@Override

public void onScroll(AbsListView view, int firstVisibleItem,

int visibleItemCount, int totalItemCount)

{

mFirstVisibleItem = firstVisibleItem;

// Log.e(TAG, mFirstVisibleItem + “”);

}

/**

  • 对外公布每个Item的高度

  • @return

*/

public int getItemHeight()

{

return mItemHeight;

}

/**

  • 获得状态栏的高度

  • @param context

  • @return

*/

public int getStatusHeight(Context context)

{

int statusHeight = -1;

try

{

Class<?> clazz = Class.forName(“com.android.internal.R$dimen”);

Object object = clazz.newInstance();

int height = Integer.parseInt(clazz.getField(“status_bar_height”)

.get(object).toString());

statusHeight = context.getResources().getDimensionPixelSize(height);

} catch (Exception e)

{

e.printStackTrace();

}

return statusHeight;

}

}

代码比较少,也比较简单,大家可以关注下,我在onScrollStateChanged注释掉的那些方法,原则上说每一个应该都能实现;但是我最终选择了setSelection(mFirstVisibleItem);有兴趣的可以拿别的方法试试;

d、MainActivity中

package com.example.zhy_wangandroid_hownoon;

import java.util.ArrayList;

import java.util.List;

import java.util.Random;

import com.zhy.utils.CommonAdapter;

import com.zhy.utils.ViewHolder;

import android.app.Activity;

import android.graphics.Color;

import android.os.Bundle;

import android.view.View;

import android.view.ViewGroup;

import android.view.Window;

public class MainActivity extends Activity

{

private MyListView mListView;

private CommonAdapter mAdapter;

private List mDatas;
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

最后的最后

对于程序员来说,要学习的知识内容、技术有太多太多,要想不被环境淘汰就只有不断提升自己,从来都是我们去适应环境,而不是环境来适应我们!

当你有了学习线路,学习哪些内容,也知道以后的路怎么走了,理论看多了总要实践的

最后,互联网不存在所谓的寒冬,只是你没有努力罢了!

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!**

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

[外链图片转存中…(img-L9JtlEdG-1712359287513)]

[外链图片转存中…(img-3aZm3tUs-1712359287513)]

[外链图片转存中…(img-VJbHz6p6-1712359287514)]

[外链图片转存中…(img-wcOFlTc6-1712359287514)]

[外链图片转存中…(img-we90FLzF-1712359287514)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

最后的最后

对于程序员来说,要学习的知识内容、技术有太多太多,要想不被环境淘汰就只有不断提升自己,从来都是我们去适应环境,而不是环境来适应我们!

当你有了学习线路,学习哪些内容,也知道以后的路怎么走了,理论看多了总要实践的

[外链图片转存中…(img-N79NMDyj-1712359287514)]

最后,互联网不存在所谓的寒冬,只是你没有努力罢了!

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

  • 19
    点赞
  • 17
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值