热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

Android自定义横向滚动条联动进阶版

前一段时间写了一个自定义横向滚动条,感觉效果不怎样好(Android自定义横向滚动条)。又开始改善结构,使用setScrollView写了一个联动进阶版。标题的滚动条和内容

前一段时间写了一个自定义横向滚动条,感觉效果不怎样好( 

Android 自定义横向滚动条 )。又开始改善结构,使用setScrollView写了一个联动进阶版。标题的滚动条和内容数据item数据滚动条都可以联动滚动。竖向是两个listview,但是是使用全局的竖向滚动条来滚动。所以横向与竖向、单击、长按时间都不会受到影响。长按会横向移动到最右端,显示checkbx。先看效果图。

1、实现效果图


2、实现联动效果的,自定义继承自HorizontalScrollView的SyncHorizontalScrollView滚动条

package com.org.scrollview;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.HorizontalScrollView;
/**
* @Description:这个类也是从网上找的参考
*/
public class SyncHorizontalScrollView extends HorizontalScrollView {
	
	private View mView;
	
	public SyncHorizontalScrollView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
	}
	
	public SyncHorizontalScrollView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
	}
 
	protected void onScrollChanged(int l, int t, int oldl, int oldt) {
		super.onScrollChanged(l, t, oldl, oldt);
		//设置控件滚动监听,得到滚动的距离,然后让传进来的view也设置相同的滚动具体
		if(mView!=null) {
			mView.scrollTo(l, t);
		}
	}
	
	/**
	* 设置跟它联动的view
	* @param view
	*/
	public void setScrollView(View view) {
		mView = view;
	}
}

3、通用的联动效果的封装类,供需要此效果类继承即可。CustomListScrollManageActivity

package com.org.horizontalscrollview;

import java.util.ArrayList;
import java.util.LinkedList;
import com.org.scrollview.SyncHorizontalScrollView;
import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.util.DisplayMetrics;
import android.util.Log;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.BaseAdapter;
import android.widget.CheckBox;
import android.widget.CompoundButton;
import android.widget.LinearLayout;
import android.widget.ListAdapter;
import android.widget.ListView;
import android.widget.ScrollView;
import android.widget.TextView;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.Toast;

public abstract class CustomListScrollManageActivity extends Activity{
	//列表的标题
	protected ArrayList mListHeadItemsName = new ArrayList();
	//每一项checkbox的记录列表
	protected LinkedList mItemsExtendData;
	//列表整体标题栏滚动条
	private SyncHorizontalScrollView mListHScrollView = null;
	//是否显示第一列
	protected boolean mIsShowTextIndex = true;
	//listview的右边适配器
	protected ListRightAdapter mRightAdapter;
	//listview的左边适配器
	protected ListLeftAdapter mLeftAdapter;
	//处于长按状态true,不是长按状态false
	protected boolean mLOngClickStatus= false;
	//右边的listview
	protected ListView mrightListView;
	//左边的listview
	protected ListView mleftListView;
	//整体的根布局
	protected int mRootLayout = R.layout.layout_common_sroll;
	
	//checkbox的状态
	protected class ItemStatus {
		public boolean mIsCheckBoxVisible = false;
		public boolean mIsCheckBoxSelected = false;
	}
	
	//实例化每一项checkbox的记录列表mItemsExtendData
	protected LinkedList GetItemsExtendData() {
		if (mItemsExtendData == null) mItemsExtendData = new LinkedList();
		return mItemsExtendData;
	}
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(mRootLayout);
		
	}
	
	//子类继承后初始化子类数据后,需要调用这个,初始化父类。
	protected void initView() {
		mListHScrollView = (SyncHorizontalScrollView) findViewById(R.id.listRightHScrollView);
		SyncHorizontalScrollView listHeadHScrollView = (SyncHorizontalScrollView) findViewById(R.id.listHeadHScrollView);
		//设置右边两个横向滚动条的联动滑动
		mListHScrollView.setScrollView(listHeadHScrollView);
		listHeadHScrollView.setScrollView(mListHScrollView);
		
		mrightListView = (ListView)findViewById(R.id.rightListView);
		mleftListView = (ListView)findViewById(R.id.leftListView);
		
		//设置右边的监听事件
		mrightListView.setOnItemClickListener(new OnItemClickListener());
		mrightListView.setOnItemLongClickListener(new OnItemLongClickListener());
		
		mListHeadItemsName = getReadListHeadItems();
		
		mRightAdapter = new ListRightAdapter(this);
		mrightListView.setAdapter(mRightAdapter);
		
		mLeftAdapter = new ListLeftAdapter(this);
		mleftListView.setAdapter(mLeftAdapter);
		
		recreateHeadControl();
		
		initCheckBoxVilible();
		
		setCheckBoxStatue(false);
		
		refreshListView();
	}
	
	//刷新列表
	protected void refreshListView(){
		//禁止了listview的自带的滚动,需要手动计算listview高度,使用滚动条栏滚动
		SetListViewHeightBasedOnChildren(mleftListView);
		SetListViewHeightBasedOnChildren(mrightListView);
		mRightAdapter.notifyDataSetChanged();
		mLeftAdapter.notifyDataSetChanged();		
	}
	
	//加载表头列表数据
	protected void recreateHeadControl() {
		TextView headIndex = (TextView)findViewById(R.id.textIndex);
		setTextParams(headIndex, mListHeadItemsName.size());
		headIndex.setText("序号");
		headIndex.setVisibility(mIsShowTextIndex == true?View.VISIBLE:View.GONE);
		
		LinearLayout layout_items = (LinearLayout)findViewById(R.id.layoutTextHeadItems);
		layout_items.removeAllViews();
		for (int i = 0; i  getReadListHeadItems();
	//抽象接口,listview整体数据项
	public abstract int getItemsCount();
	/**
	 * 抽象接口,listview每一项数据的装载,装载返回是
	 * @param recordIndex
	 * @return  ArrayList
	 */
	public abstract ArrayList getIndexDataArray(int recordIndex);
	////////////////////////////////////////////////////////////
	//需要每一项编辑或者增加,删除数据的抽象接口,请看具体情况自行添加
	
	
	
	/**
	 * 左边的适配器
	 * @author Administrator
	 *
	 */
	public class ListLeftAdapter extends BaseAdapter{
		private Context mContext;
		private LayoutInflater mLayoutInflater;
		
		public ListLeftAdapter(Context context) {
			this.mCOntext= context;
			mLayoutInflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		}
		
		@Override
		public int getCount() {
			return getItemsCount();
		}

		@Override
		public Object getItem(int position) {
			// TODO Auto-generated method stub
			return null;
		}

		@Override
		public long getItemId(int position) {
			// TODO Auto-generated method stub
			return 0;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			ViewHolder viewHolder = null;
			View view = null;
			//内部类ViewHolder的作用只是用来查找ID,加载布局。提升效率的
			if (cOnvertView== null) {
				viewHolder = new ViewHolder();
				view = mLayoutInflater.inflate(R.layout.layout_scroll_list_item_left, null);
				viewHolder.headIndex = (TextView)view.findViewById(R.id.textIndex);
				view.setTag(viewHolder);
			}else {
				view = convertView;
				viewHolder = (ViewHolder) view.getTag();
			}
			
			//列表标题栏,序号数据装载
			viewHolder.headIndex.setText(String.valueOf(position));
			viewHolder.headIndex.setVisibility(mIsShowTextIndex == true ? View.VISIBLE : View.GONE);		
			return view;
		}
		
	}
	
	/**
	 * 右边适配器
	 * @author Administrator
	 *
	 */
	public class ListRightAdapter extends BaseAdapter implements OnCheckedChangeListener {
		private Context mContext;
		private LayoutInflater mLayoutInflater;
		
		public ListRightAdapter(Context context) {
			this.mCOntext= context;
			mLayoutInflater = (LayoutInflater) mContext.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		}
		
		@Override
		public int getCount() {
			Log.e("Show", String.valueOf(getItemsCount()));
			return getItemsCount();
		}

		@Override
		public Object getItem(int arg0) {
			return null;
		}

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

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			int nHeadItemCount = mListHeadItemsName.size();
			ViewHolder viewHolder = null;
			View view = null;
			//内部类ViewHolder的作用只是用来查找ID,加载布局。提升效率的
			if (cOnvertView== null) {
				viewHolder = new ViewHolder();
				view = mLayoutInflater.inflate(R.layout.layout_scroll_list_item_right, null);
				viewHolder.isSelectedCheckBox = (CheckBox) view.findViewById(R.id.checkBoxIsSelected);
				view.setTag(viewHolder);
			}else {
				view = convertView;
				viewHolder = (ViewHolder) view.getTag();
			}
			
			//合理分配横向滚动layout中textview的大小
			TextView lisTextView[] = new TextView[nHeadItemCount];
			LinearLayout layout_items = (LinearLayout)view.findViewById(R.id.layoutTextItems);
			layout_items.removeAllViews();
			for (int i = 0; i  itemsData = getIndexDataArray(position);
			for(int i=0; i  parent, View view, int position,long id) {
			CheckBox isSelectedCheckBox = (CheckBox)view.findViewById(R.id.checkBoxIsSelected);
			if (mLongClickStatus) {
				//checkbox选择区域增强效果
				 isSelectedCheckBox.setChecked(!isSelectedCheckBox.isChecked());
				 return;
			}
			Integer nPosition = (Integer)(isSelectedCheckBox.getTag());
			Toast.makeText(getApplicationContext(), String.valueOf(nPosition), Toast.LENGTH_SHORT).show();
		}
	}
	
	private class OnItemLongClickListener implements android.widget.AdapterView.OnItemLongClickListener{
		@Override
		public boolean onItemLongClick(AdapterView parent, View view,int position, long id) {
			setCheckBoxStatue(true);
			
			if (mListHScrollView != null) {
				mListHScrollView.post(new Runnable() { 
			        public void run() { 
			        	mListHScrollView.fullScroll(ScrollView.FOCUS_RIGHT); 
			        } 
			}); 
			}
			return false;
		}
	}
	
	//控制listView checkbox控件的隐藏和显示
	protected void setCheckBoxStatue(boolean isVisible){
		if (isVisible) {
			for (ItemStatus ItemData: GetItemsExtendData()) {
				ItemData.mIsCheckBoxSelected = false;
				ItemData.mIsCheckBoxVisible = true;
			}	
		}else {
			for (ItemStatus ItemData: GetItemsExtendData()) {
				ItemData.mIsCheckBoxSelected = false;
				ItemData.mIsCheckBoxVisible = false;
			}			
		}
		mLOngClickStatus= isVisible;
		refreshListView();
	}
	
	@Override
	public void finish(){
		if (mLongClickStatus) {
			setCheckBoxStatue(false);
			return;
		}
		super.finish();
	}
	
	//手动计算listview的高度
	private void SetListViewHeightBasedOnChildren(ListView listView) {
		if (listView == null) return;
		ListAdapter listAdapter = listView.getAdapter();
		if (listAdapter == null) return;
		int nTotalHeight = 0;
		for (int i = 0; i  basicScreenHeight) {
				if (col > 5) {
					textView.setWidth(screenWidth / 5 + 10);
				} else {
					textView.setWidth(screenWidth / col + 10);
				}
			} else {
				textView.setWidth(screenWidth / 3 + 20);
			}
		}
	}

	public static int dip2px(Context context, float dpValue) {
		final float scale = context.getResources().getDisplayMetrics().density;
		return (int) (dpValue * scale + 0.5f);
	}
}

4、看怎么继承实现上面类的数据接口MainActivity

package com.org.horizontalscrollview;

import java.util.ArrayList;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.Toast;

public class MainActivity extends CustomListScrollManageActivity {
	private ArrayList mList = new ArrayList();

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		getDataSource();
		super.initView();
	}

    public ArrayList getDataSource(){
    	for (int i = 0; i <20; i++) {
    		int j = i;
        	StudentItem item1 = new StudentItem(j, "同学A", "男", 18, "高二");
        	mList.add(item1);	
        	j ++ ;
        	StudentItem item2 = new StudentItem(j, "同学B", "女", 17, "高三");
        	mList.add(item2);
		}
    	return mList;
    }
	
	@Override
	public ArrayList getReadListHeadItems() {
		ArrayList headItems = new ArrayList();
		headItems.add("学号");
		headItems.add("姓名");
		headItems.add("性别");
		headItems.add("年龄");
		headItems.add("年级");
		return headItems;
	}
	
	@Override
	public ArrayList getIndexDataArray(int recordIndex) {
		ArrayList itemsData = new ArrayList();
		StudentItem item = new StudentItem();
		item = mList.get(recordIndex);
		for (int i = 0; i  
 
5、主要的是还有一个布局,实现效果关键




    


此外还有次要的两个listview的item的布局没贴出来,还有一个StudentItem的实体类没贴出来。欢迎留言评论!




推荐阅读
  • 短视频app源码,Android开发底部滑出菜单首先依赖三方库implementationandroidx.appcompat:appcompat:1.2.0im ... [详细]
  • 本文介绍了 Android 开发中常用的滚动视图组件 ScrollView 和 HorizontalScrollView 的基本用法和注意事项,帮助开发者更好地处理屏幕内容超出显示范围的情况。 ... [详细]
  • 装饰者模式(Decorator):一种灵活的对象结构设计模式
    装饰者模式(Decorator)是一种灵活的对象结构设计模式,旨在为单个对象动态地添加功能,而无需修改原有类的结构。通过封装对象并提供额外的行为,装饰者模式比传统的继承方式更加灵活和可扩展。例如,可以在运行时为特定对象添加边框或滚动条等特性,而不会影响其他对象。这种模式特别适用于需要在不同情况下动态组合功能的场景。 ... [详细]
  • 在Android开发中,当TextView的高度固定且内容超出时,可以通过设置其内置的滚动条属性来实现垂直滚动功能。具体来说,可以通过配置`android:scrollbars="vertical"`来启用垂直滚动,确保用户能够查看完整的内容。此外,为了优化用户体验,建议结合`setMovementMethod(ScrollerMovementMethod.getInstance())`方法,使滚动操作更加流畅和自然。 ... [详细]
  • 使用 ListView 浏览安卓系统中的回收站文件 ... [详细]
  • 深入解析 Android 中 EditText 的 getLayoutParams 方法及其代码应用实例 ... [详细]
  • Android异步处理一:使用Thread+Handler实现非UI线程更新UI界面Android异步处理二:使用AsyncTask异步更新UI界面Android异步处理三:Handler+Loope ... [详细]
  • SvpplyTable: 实现可扩展和可折叠的菜单动画
    SvpplyTable 是一个示例项目,旨在实现类似 Svpply 应用程序中的可扩展和可折叠的菜单动画效果。该项目托管在 GitHub 上,地址为 https://github.com/liuminqian/SvpplyTable。 ... [详细]
  • PBO(PixelBufferObject),将像素数据存储在显存中。优点:1、快速的像素数据传递,它采用了一种叫DMA(DirectM ... [详细]
  • iOS snow animation
    CTSnowAnimationView.hCTMyCtripCreatedbyalexon1614.Copyright©2016年ctrip.Allrightsreserved.# ... [详细]
  • 本文主要介绍如何使用标签来优化Android应用的UI布局,通过减少不必要的视图层次,提高应用性能。 ... [详细]
  • 使用Tkinter构建51Ape无损音乐爬虫UI
    本文介绍了如何使用Python的内置模块Tkinter来构建一个简单的用户界面,用于爬取51Ape网站上的无损音乐百度云链接。虽然Tkinter入门相对简单,但在实际开发过程中由于文档不足可能会带来一些不便。 ... [详细]
  • 本文将介绍如何在混合开发(Hybrid)应用中实现Native与HTML5的交互,包括基本概念、学习目标以及具体的实现步骤。 ... [详细]
  • 提升Android开发效率:Clean Code的最佳实践与应用
    在Android开发中,提高代码质量和开发效率是至关重要的。本文介绍了如何通过Clean Code的最佳实践来优化Android应用的开发流程。以SQLite数据库操作为例,详细探讨了如何编写高效、可维护的SQL查询语句,并将其结果封装为Java对象。通过遵循这些最佳实践,开发者可以显著提升代码的可读性和可维护性,从而加快开发速度并减少错误。 ... [详细]
  • 本文详细介绍了使用 Python 进行 MySQL 和 Redis 数据库操作的实战技巧。首先,针对 MySQL 数据库,通过 `pymysql` 模块展示了如何连接和操作数据库,包括建立连接、执行查询和更新等常见操作。接着,文章深入探讨了 Redis 的基本命令和高级功能,如键值存储、列表操作和事务处理。此外,还提供了多个实际案例,帮助读者更好地理解和应用这些技术。 ... [详细]
author-avatar
luomo
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有