Android 自定义 HorizontalScrollView 打造再多图片（控件）也不怕 OOM 的横向滑动效果

于 2024-09-07 07:54:17 发布
阅读量1.1k 收藏 9
点赞数 18
文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_87029923/article/details/141980878
版权

android:layout_width=“match_parent”

android:layout_height=“match_parent”

<HorizontalScrollView

android:layout_width=“wrap_content”

android:layout_height=“150dp”

android:layout_gravity=“center_vertical”

android:background=“#AA444444”

android:scrollbars=“none” >

<LinearLayout

android:id=“@+id/id_gallery”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”

android:orientation=“horizontal” >

很简单，就一个HorizontalScrollView内部有个水平方向的LinearLayout

MainActivity:

package com.example.zhy_horizontalscrollview;

import android.app.Activity;

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.Window;

import android.widget.ImageView;

import android.widget.LinearLayout;

import android.widget.TextView;

public class MainActivity extends Activity

{

private LinearLayout mGallery;

private int[] mImgIds;

private LayoutInflater mInflater;

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_main);

mInflater = LayoutInflater.from(this);

initData();

initView();

}

private void initData()

{

mImgIds = new int[] { R.drawable.a, R.drawable.b, R.drawable.c,

R.drawable.d, R.drawable.e, R.drawable.f, R.drawable.g,

R.drawable.h, R.drawable.l };

}

private void initView()

{

mGallery = (LinearLayout) findViewById(R.id.id_gallery);

for (int i = 0; i < mImgIds.length; i++)

{

View view = mInflater.inflate(R.layout.activity_index_gallery_item,

mGallery, false);

ImageView img = (ImageView) view

.findViewById(R.id.id_index_gallery_item_image);

img.setImageResource(mImgIds[i]);

TextView txt = (TextView) view

.findViewById(R.id.id_index_gallery_item_text);

txt.setText("some info ");

mGallery.addView(view);

}

}

}

很简单，我预先准备了一些图片直接放在了Drawble下，然后循环加入HorizontalScrollView的LinearLayout中即可，Item的布局就省了，后面会贴源码。

效果图：

效果还是不错的~如果只需要简单展示几张图片，直接用就可以了。

下面准备进入正题，HorizontalScrollView不管里面多少View都是不会回收的，当达到一定量的时候会发生OOM，下面介绍如何改写HorizontalScollView实现文章开始所说的效果。

2、自定义HorizontalScrollView

思想：

1、首先根据屏幕的大小和Item的大小，计算可以一个屏幕最多可以加载多少个Item，然后加载该数量Item。

2、当用户右滑（从右向左），滑动到一定距离时，加载下一张，删除第一张

3、当用户左滑（从左向右），滑动到一定距离时，加载上一张，删除最后一张

看下最后的效果图：

为了增加一定的趣味，做了一个类似上面的相册效果，支持拖动时自动变化，和点击变化~~是不是很赞~

1、首先看布局文件：

<LinearLayout 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”

android:background=“@android:color/white”

android:orientation=“vertical” >

<FrameLayout

android:layout_width=“fill_parent”

android:layout_height=“0dp”

android:layout_weight=“1” >

<ImageView

android:id=“@+id/id_content”

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:layout_gravity=“center”

android:layout_margin=“10dp”

android:scaleType=“centerCrop”

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

<com.example.zhy_horizontalscrollview.MyHorizontalScrollView

android:id=“@+id/id_horizontalScrollView”

android:layout_width=“wrap_content”

android:layout_height=“150dp”

android:layout_gravity=“bottom”

android:background=“@android:color/white”

android:scrollbars=“none” >

<LinearLayout

android:id=“@+id/id_gallery”

android:layout_width=“wrap_content”

android:layout_height=“wrap_content”

android:layout_gravity=“center_vertical”

android:orientation=“horizontal” >

</com.example.zhy_horizontalscrollview.MyHorizontalScrollView>

没任何变化，除了把类名改成了我们自定义的类~

2、为了和国际接轨，我们也搞个Adapter，类似BaseAdapter

package com.example.zhy_horizontalscrollview;

import java.util.List;

import android.content.Context;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.widget.BaseAdapter;

import android.widget.ImageView;

import android.widget.TextView;

public class HorizontalScrollViewAdapter

{

private Context mContext;

private LayoutInflater mInflater;

private List mDatas;

public HorizontalScrollViewAdapter(Context context, List mDatas)

{

this.mContext = context;

mInflater = LayoutInflater.from(context);

this.mDatas = mDatas;

}

public int getCount()

{

return mDatas.size();

}

public Object getItem(int position)

{

return mDatas.get(position);

}

public long getItemId(int position)

{

return position;

}

public View getView(int position, View convertView, ViewGroup parent)

{

ViewHolder viewHolder = null;

if (convertView == null)

{

viewHolder = new ViewHolder();

convertView = mInflater.inflate(

R.layout.activity_index_gallery_item, parent, false);

viewHolder.mImg = (ImageView) convertView

.findViewById(R.id.id_index_gallery_item_image);

viewHolder.mText = (TextView) convertView

.findViewById(R.id.id_index_gallery_item_text);

convertView.setTag(viewHolder);

} else

{

viewHolder = (ViewHolder) convertView.getTag();

}

viewHolder.mImg.setImageResource(mDatas.get(position));

viewHolder.mText.setText("some info ");

return convertView;

}

private class ViewHolder

{

ImageView mImg;

TextView mText;

}

}

3、下面先看用法：

package com.example.zhy_horizontalscrollview;

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.View;

import android.view.Window;

import android.widget.ImageView;

import com.example.zhy_horizontalscrollview.MyHorizontalScrollView.CurrentImageChangeListener;

import com.example.zhy_horizontalscrollview.MyHorizontalScrollView.OnItemClickListener;

public class MainActivity extends Activity

{

private MyHorizontalScrollView mHorizontalScrollView;

private HorizontalScrollViewAdapter mAdapter;

private ImageView mImg;

private List mDatas = new ArrayList(Arrays.asList(

R.drawable.a, R.drawable.b, R.drawable.c, R.drawable.d,

R.drawable.e, R.drawable.f, R.drawable.g, R.drawable.h,

R.drawable.l));

@Override

protected void onCreate(Bundle savedInstanceState)

{

super.onCreate(savedInstanceState);

requestWindowFeature(Window.FEATURE_NO_TITLE);

setContentView(R.layout.activity_main);

mImg = (ImageView) findViewById(R.id.id_content);

mHorizontalScrollView = (MyHorizontalScrollView) findViewById(R.id.id_horizontalScrollView);

mAdapter = new HorizontalScrollViewAdapter(this, mDatas);

//添加滚动回调

mHorizontalScrollView

.setCurrentImageChangeListener(new CurrentImageChangeListener()

{

@Override

public void onCurrentImgChanged(int position,

View viewIndicator)

{

mImg.setImageResource(mDatas.get(position));

viewIndicator.setBackgroundColor(Color

.parseColor(“#AA024DA4”));

}

});

//添加点击回调

mHorizontalScrollView.setOnItemClickListener(new OnItemClickListener()

{

@Override

public void onClick(View view, int position)

{

mImg.setImageResource(mDatas.get(position));

view.setBackgroundColor(Color.parseColor(“#AA024DA4”));

}

});

//设置适配器

mHorizontalScrollView.initDatas(mAdapter);

}

}

用起来是不是有点像ListView，初始化数据适配器，然后设置数据适配器，然后就是设置各种回调~~

如果仅仅是一堆图片展示，类似商品切换，更见简单，就不需要设置滚动监听和点击监听了~

4、最后看自定义的MyHorizontalScrollView类

package com.example.zhy_horizontalscrollview;

import java.util.HashMap;

import java.util.Map;

import android.content.Context;

import android.graphics.Color;

import android.util.AttributeSet;

import android.util.DisplayMetrics;

import android.util.Log;

import android.view.MotionEvent;

import android.view.View;

import android.view.View.OnClickListener;

import android.view.WindowManager;

import android.widget.HorizontalScrollView;

import android.widget.LinearLayout;

public class MyHorizontalScrollView extends HorizontalScrollView implements

OnClickListener

{

/**

  • 图片滚动时的回调接口

  • @author zhy

*/

public interface CurrentImageChangeListener

{

void onCurrentImgChanged(int position, View viewIndicator);

}

/**

  • 条目点击时的回调

  • @author zhy

*/

public interface OnItemClickListener

{

void onClick(View view, int pos);

}

private CurrentImageChangeListener mListener;

private OnItemClickListener mOnClickListener;

private static final String TAG = “MyHorizontalScrollView”;

/**

  • HorizontalListView中的LinearLayout

*/

private LinearLayout mContainer;

/**

  • 子元素的宽度

*/

private int mChildWidth;

/**

  • 子元素的高度

*/

private int mChildHeight;

/**

  • 当前最后一张图片的index

*/

private int mCurrentIndex;

/**

  • 当前第一张图片的下标

*/

private int mFristIndex;

/**

  • 当前第一个View

*/

private View mFirstView;

/**

  • 数据适配器

*/

private HorizontalScrollViewAdapter mAdapter;

/**

  • 每屏幕最多显示的个数

*/

private int mCountOneScreen;

/**

总结

本文讲解了我对Android开发现状的一些看法，也许有些人会觉得我的观点不对，但我认为没有绝对的对与错，一切交给时间去证明吧！愿与各位坚守的同胞们互相学习，共同进步！

加入社区》https://bbs.csdn.net/forums/4304bb5a486d4c3ab8389e65ecb71ac0

2401_87029923
关注
Android HorizontalScrollView
10-30
android 横向scrollview滚动
Android 自定义 HorizontalScrollView 打造再多图片（控件）也不怕 OOM 的横向滑动效果...
weixin_30516243的博客
07-26 895
转载请标明出处：http://blog.csdn.net/lmj623565791/article/details/38140505自从Gallery被谷歌废弃以后，Google推荐使用ViewPager和HorizontalScrollView来实现Gallery的效果。的确HorizontalScrollView可以实现Gallery的效果，但是HorizontalScrollView存在...
android HorizontalScrollView
07-21
android 中的HorizontalScrollView 水平滚动实现方法。几种滚动方式的介绍，如何在代码中使用。
Android 自定义 HorizontalScrollView 打造再多图片（控件）也不怕 OOM 的横向滑动效果(转)
08-07
这篇博客“Android 自定义 HorizontalScrollView 打造再多图片（控件）也不怕 OOM 的横向滑动效果”提供了一个解决方案，通过自定义HorizontalScrollView来优化内存管理，防止OOM的发生。 首先，理解Android的内存...
Android自定义HorizontalScrollView打造超强Gallery效果
09-02
在Android开发中，有时我们需要创建一个可横向滑动的图片展示区域，类似于早期Gallery组件的效果。由于Gallery在Android API 17之后被废弃，开发者转而使用ViewPager或HorizontalScrollView来替代。...
Android中使用HorizontalScrollView横向滑动布局
热门推荐
Jason_HD的博客
09-17 1万+
在Android中，ListView通常用来实现纵向滚动的列表，而HorizontalScrollView则可以实现横向滚动的列表项。 引入HorizontalScrollView控件很简单，例如在一个LinearLayout中： &lt;HorizontalScrollView android:layout_width="match_parent" android:layo...
android 控件之HorizontalScrollView
qq_27970997的博客
04-14 452
之前由于工作的原因，需要实现一个类似于网易新闻的标签栏样式的布局，乍眼一看，可以使用Gallery,但是由于Google已经放弃了gallery，所以查阅资料后发现可以使用HorizontalScrollView来实现。今天，就让我们一起来探究一下HorizontalScrollView吧。 话不多说，先上效果图
Android HorizontalScrollView 水平滑动 在listview上面动态添加图片，面试官都被搞懵了
最新发布
2401_84152763的博客
04-06 378
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪资真的特别高（钱多也不一定能找到合适的），所以努力让自己成为高级工程师才是最重要的。
android HorizontalScrollView讲解
张小贝的博客
02-13 4157
本章内容是Android.widget.HorizontalScrollView，译为"横向滚动条"，版本为Android 2.3 r1，翻译来自"Tina"，感谢"Tina"为大家带来精彩的翻译稿 ！期待你加入Android API 中文的翻译，联系我over140@gmail.com。   声明 　　欢迎转载，但请保留文章原始出处:) 　　　　JavaEye社区：http://ww
Android HorizontalScrollView 点滴
winds_wf的专栏
12-10 433
Android HorizontalScrollView点滴 1、HorizontalScrollView是只能有一个Child。 package com.example.mytest; import android.app.ActionBar.LayoutParams; import android.app.Activity; import android.os.Bundle; impor
Android7.0中文文档（API) -- HorizontalScrollView
应公子的专栏
06-08 2585
Android7.0中文文档（API) -- HorizontalScrollView
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值