让两个HorizontalScrollView联动

有这样一个需求（相信股票列表会用的比较多，呵呵），需要当其中一个HorizontalScrollView滚动的时候另一个HorizontalScrollView也跟着滚动，所以才有了这个类：

package com.ql.view;

import android.content.Context;
import android.util.AttributeSet;
import android.view.View;
import android.widget.HorizontalScrollView;

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);  
        if(mView!=null){
            mView.scrollTo(l, t);
        }  
    }
	
	public void setScrollView(View view){
        mView = view;  
    }

}

用法：
scrollView0=(SyncHorizontalScrollView)findViewById(R.id.scrollView0);
scrollView1=(SyncHorizontalScrollView)findViewById(R.id.scrollView1);
scrollView0.setScrollView(scrollView1);
scrollView1.setScrollView(scrollView0);

这样其中一个滚动时另一个也跟着滚动了。
水平滚动解决了，那竖直滚动的ScrollView也类似的写法。

重写ScrollView实现两个ScrollView的同步滚动显示
http://www.cnblogs.com/devinzhang/archive/2012/07/13/2590222.html


还有一个问题：
如何让HorizontalScrollView总是停留在几个固定的位置？
比如HorizontalScrollView滚动到112位置的时候，需要判断它离100近还是200近，如果离100近就接着滚动到100的位置，否则滚动到200的位置。如何解决？


HorizontalScrollView可以解决Tab过多的问题
网上大多都是用Gallery来模拟TabHost 但是自己实在是懒 就没这么做 一种可以凑合着用的简单做法，只需要吧layout改一下即可：

<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@android:id/tabhost" 
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:background="#001629">
        <HorizontalScrollView  
        android:layout_width="fill_parent" 
      	android:layout_height="wrap_content"> 
         <TabWidget android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"/>
           </HorizontalScrollView>
             <FrameLayout android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:paddingTop="95px">
 
        </FrameLayout>
</TabHost>
在TabWidget外面加上HorizontalScrollView即可。
不过 这样有个问题 宽度貌似改不了了 即使你只有一个tab 它并不会fill_parent 还是原来的宽度。（试试设置HorizontalScrollView的android:fillViewport="true"）
但是 如果很多tab的话 还是好使的。

扩展HorizontalScrollView实现整个屏幕滚动
http://www.eoeandroid.com/forum.php?mod=viewthread&tid=148434&fromuid=30206

http://www.jcodecraeer.com/a/opensource/2016/1130/6821.html

http://www.jcodecraeer.com/a/opensource/2017/0117/7048.html


https://github.com/Cleveroad/AdaptiveTableLayout

评论

4 楼 gundumw100 2011-11-30  

tfgjtf 写道

关于解决tab过多的问题。
按楼主的示例，我的代码怎么不起作用？请赐教，万分感谢！
代码如下：
java代码：
public class TabTestActivity extends TabActivity{
private ListView listView;

@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
TabHost th=this.getTabHost();
LayoutInflater.from(this).inflate(R.layout.maintab2,th.getTabContentView(),true);
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));

}

}
xml代码：
<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"   
  android:id="@android:id/tabhost"
  android:layout_width="fill_parent"   
  android:layout_height="fill_parent">   
  <LinearLayout android:orientation="vertical"       
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <HorizontalScrollView    
        android:layout_width="fill_parent"   
        android:layout_height="wrap_content">           
    <TabWidget android:id="@android:id/tabs"           
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" />       
    </HorizontalScrollView>
    
    <FrameLayout android:id="@android:id/tabcontent"           
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">                               
      <!--省略部分代码-->           
      <TextView android:id="@+id/no_team_meetings"               
        android:textSize="18sp"
        android:layout_width="fill_parent"               
        android:layout_height="fill_parent" />           
      <TextView android:id="@+id/no_team_meeting_stats"               
        android:textSize="18sp"
        android:layout_width="fill_parent"               
        android:layout_height="fill_parent" />       
    </FrameLayout>   
  </LinearLayout>
</TabHost>

不推荐采用此种办法！

3 楼 tfgjtf 2011-11-30  

关于解决tab过多的问题。
按楼主的示例，我的代码怎么不起作用？请赐教，万分感谢！
代码如下：
java代码：
public class TabTestActivity extends TabActivity{
private ListView listView;

@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
TabHost th=this.getTabHost();
LayoutInflater.from(this).inflate(R.layout.maintab2,th.getTabContentView(),true);
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));
th.addTab(th.newTabSpec("cancel5").setIndicator("未接电话5").setContent(R.id.no_team_meeting_stats));

}

}
xml代码：
<?xml version="1.0" encoding="utf-8"?>
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"   
  android:id="@android:id/tabhost"
  android:layout_width="fill_parent"   
  android:layout_height="fill_parent">   
  <LinearLayout android:orientation="vertical"       
    android:layout_width="fill_parent"
    android:layout_height="fill_parent">

    <HorizontalScrollView    
        android:layout_width="fill_parent"   
        android:layout_height="wrap_content">           
    <TabWidget android:id="@android:id/tabs"           
      android:layout_width="wrap_content"
      android:layout_height="wrap_content" />       
    </HorizontalScrollView>
    
    <FrameLayout android:id="@android:id/tabcontent"           
      android:layout_width="fill_parent"
      android:layout_height="fill_parent">                               
      <!--省略部分代码-->           
      <TextView android:id="@+id/no_team_meetings"               
        android:textSize="18sp"
        android:layout_width="fill_parent"               
        android:layout_height="fill_parent" />           
      <TextView android:id="@+id/no_team_meeting_stats"               
        android:textSize="18sp"
        android:layout_width="fill_parent"               
        android:layout_height="fill_parent" />       
    </FrameLayout>   
  </LinearLayout>
</TabHost>

2 楼 xuhl2010 2011-09-20  

水平滚动解决了，那竖直滚动的ScrollView也类似的写法?
LZ怎么解决的？
我采用下面方法解决，但是如果快速滑动，会出现上下滑动不协调的问题！总体来说会互动！
view1.setOnTouchListener(new OnTouchListener() {

public boolean onTouch(View v, MotionEvent event) {

view2.onTouchEvent(event)  ;
//gridInfoView.dispatchTouchEvent(event);
return false;
}
});

view2.setOnTouchListener(new OnTouchListener() {

public boolean onTouch(View v, MotionEvent event) {
    
//gridNameView.onTouchEvent(event);
       view1.dispatchTouchEvent(event);
return false;
}
});

1 楼 maruoxuancake 2011-09-15  

引用

比如HorizontalScrollView滚动到112位置的时候，需要判断它离100近还是200近，如果离100近就接着滚动到100的位置，否则滚动到200的位置。如何解决？

同问，楼主解决没？