当前位置：首页 > 行业动态 > 正文

如何实现Android自定义HorizontalScrollView多图片流畅滑动？

admin
行业动态
2025-03-04
3

在 Android 中，自定义 HorizontalScrollView 实现多图片滑动可以通过继承 HorizontalScrollView 并重写其方法来实现。

一、Android自定义HorizontalScrollView实现多图片滑动

如何实现Android自定义HorizontalScrollView多图片流畅滑动？第1张

基本概念

HorizontalScrollView：是一个允许其包含的内容在水平方向上滚动的容器，适用于展示宽大的图片或水平排列的列表等内容。

性能问题：原生HorizontalScrollView一次性加载所有子视图，可能导致内存溢出（OOM），特别是在处理大量图片时。

自定义步骤

数据绑定与视图管理：使用适配器（如ArrayAdapter或RecyclerView.Adapter）来管理图片列表，动态添加或移除图片，避免一次性加载所有图片到内存中。

如何实现Android自定义HorizontalScrollView多图片流畅滑动？第2张

视图复用与销毁：重写HorizontalScrollView的onScroll()方法，监听滚动事件，动态调整子视图的数量，模拟ViewPager的行为，每次滚动时销毁不再显示的子View，并创建新的子View来替换。

图片缓存与优化：使用Bitmap内存优化技术，如LruCache或DiskLruCache，预先加载图片并存储在内存或磁盘上，只有在用户滑动到相应位置时才加载实际显示的图片。

性能监控与调整：监控内存使用情况，确保滚动过程中的内存消耗在可接受范围内，可以使用Android的ActivityManager类获取当前应用的内存状态。

示例代码

如何实现Android自定义HorizontalScrollView多图片流畅滑动？第3张

布局文件（activity_main.xml）：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    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"/>
    </FrameLayout>
    <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="#AA444444"
        android:scrollbars="none">
        <LinearLayout
            android:id="@+id/id_gallery"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"/>
    </com.example.zhy_horizontalscrollview.MyHorizontalScrollView>
</LinearLayout>

MainActivity.java：

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;
import java.util.ArrayList;
import java.util.Arrays;
import java.util.List;
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));
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);
        mHorizontalScrollView = (MyHorizontalScrollView) findViewById(R.id.id_horizontalScrollView);
        mAdapter = new HorizontalScrollViewAdapter(this, mDatas);
        mHorizontalScrollView.setAdapter(mAdapter);
    }
}

HorizontalScrollViewAdapter.java：

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 extends BaseAdapter {
    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;
    }
    @Override
    public int getCount() {
        return mDatas.size();
    }
    @Override
    public Object getItem(int position) {
        return mDatas.get(position);
    }
    @Override
    public long getItemId(int position) {
        return position;
    }
    @Override
    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;
    }
}