android Viewpager HorizontalScrollView 實現分頁欄拖拽

本文轉載自查看原文 2012-07-26 16:31 15264 android

源碼： http://files.cnblogs.com/android100/ViewPaperDemo.rar
首先我們先看一個效果：

前兩個是網易的，它做的title不能拖拽，。不過點擊動畫效果挺不錯的，有待學習啊，后面兩個是搜狐的，它做的效果不錯，（注意看title）可以左右拖拽的，因為比較多嘛。

下面這兩個圖不錯，是多米音樂客戶端.它可以來回切換屏幕，（重要的是沒有出現向viewpager動畫那么惡心狀態）這個做的很棒，

現在我做的是viewpager+HorizontalScrollView 實現來回切屏，並且title可以左右拖拽.

代碼片段

/** *
 * init view
 */
 void InItView() {
 pageViews = new ArrayList<View>();
 View view01 = getLocalActivityManager().startActivity("activity01",
 new Intent( this, MainActivity1. class)).getDecorView();
 View view02 = getLocalActivityManager().startActivity("activity02",
 new Intent( this, MainActivity2. class)).getDecorView();
 View view03 = getLocalActivityManager().startActivity("activity02",
 new Intent( this, MainActivity3. class)).getDecorView();
 View view04 = getLocalActivityManager().startActivity("activity03",
 new Intent( this, MainActivity4. class)).getDecorView();
 View view05 = getLocalActivityManager().startActivity("activity04",
 new Intent( this, MainActivity5. class)).getDecorView();
 View view06 = getLocalActivityManager().startActivity("activity05",
 new Intent( this, MainActivity6. class)).getDecorView();
 pageViews.add(view01);
 pageViews.add(view02);
 pageViews.add(view03);
 pageViews.add(view04);
 pageViews.add(view05);
 pageViews.add(view06);
 }

/** *
 * init title
 */
 void InItTitle() {
 int width = getWindowManager().getDefaultDisplay().getWidth() / 5;
 for ( int i = 0; i < title.length; i++) {
 RadioButton radioButton = new RadioButton( this, null,
 R.style.radioButton);
 radioButton.setText(title[i]);
 radioButton.setTextSize(17);
 radioButton.setTextColor(com.jj.viewpager.R.color.black);
 radioButton.setWidth(width);
 radioButton.setHeight(height);
 radioButton.setGravity(Gravity.CENTER);
 radioGroup.addView(radioButton);
 }
 }

/** *
 * init title
 */
 void InItTitle1() {
 textViews = new ArrayList<TextView>();
 int width = getWindowManager().getDefaultDisplay().getWidth() / 5;
 int height = 70;
 for ( int i = 0; i < title.length; i++) {
 TextView textView = new TextView( this);
 textView.setText(title[i]);
 textView.setTextSize(17);
 textView.setTextColor(com.jj.viewpager.R.color.black);
 textView.setWidth(width);
 textView.setHeight(height - 30);
 textView.setGravity(Gravity.CENTER);
 textView.setId(i);
 textView.setOnClickListener( this);
 textViews.add(textView);
 // 分割線
 View view = new View( this);
 LinearLayout.LayoutParams layoutParams = new LayoutParams(
 LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
 layoutParams.width = 1;
 layoutParams.height = height - 40;
 layoutParams.gravity = Gravity.CENTER;
 view.setLayoutParams(layoutParams);
 view.setBackgroundColor(com.jj.viewpager.R.color.gray);
 linearLayout.addView(textView);
 if (i != title.length - 1) {
 linearLayout.addView(view);
 }

 }
 }

/** *
 * 選中效果
 */
 public void setSelector( int id) {
 for ( int i = 0; i < title.length; i++) {
 if (id == i) {
 Bitmap bitmap = BitmapFactory.decodeResource(getResources(),
 R.drawable.grouplist_item_bg_normal);
 textViews.get(id).setBackgroundDrawable(
 new BitmapDrawable(bitmap));
 textViews.get(id).setTextColor(Color.RED);
 viewPager.setCurrentItem(i);
 }

 else {
 textViews.get(i).setBackgroundDrawable( new BitmapDrawable());
 textViews.get(i).setTextColor(com.jj.viewpager.R.color.black);
 }
 }
 }

 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.main);
 linearLayout = (LinearLayout) findViewById(R.id.ll_main);
 viewPager = (ViewPager) findViewById(R.id.pager);
 horizontalScrollView = (HorizontalScrollView) findViewById(R.id.horizontalScrollView);
 InItTitle1();
 setSelector(0);
 InItView();
 viewPager.setAdapter( new myPagerView());
 viewPager.clearAnimation();
 viewPager.setOnPageChangeListener( new OnPageChangeListener() {

 @Override
 public void onPageSelected( int arg0) {
 setSelector(arg0);
 }

 @Override
 public void onPageScrolled( int arg0, float arg1, int arg2) {

 }

 @Override
 public void onPageScrollStateChanged( int arg0) {

 }
 });
 }

 @Override
 public void onClick(View v) {
 setSelector(v.getId());
 }

 class myPagerView extends PagerAdapter {
 // 顯示數目
 @Override
 public int getCount() {
 return pageViews.size();
 }

 @Override
 public boolean isViewFromObject(View arg0, Object arg1) {
 return arg0 == arg1;
 }

 @Override
 public int getItemPosition(Object object) {
 // TODO Auto-generated method stub
 return super.getItemPosition(object);
 }

 @Override
 public void destroyItem(View arg0, int arg1, Object arg2) {
 // TODO Auto-generated method stub
 ((ViewPager) arg0).removeView(pageViews.get(arg1));
 }

 /** *
 * 獲取每一個item，類於listview中的getview
 */
 @Override
 public Object instantiateItem(View arg0, int arg1) {
 ((ViewPager) arg0).addView(pageViews.get(arg1));
 return pageViews.get(arg1);
 }

 }

實現起來不難，主要用了HorizontalScrollView 這個實現左右拖拽功能，網上大部分都是用RadioButton實現的，可是覺得有點復雜，我們何不直接對Textview進行控制呢，

樣式如下：

主要看title可以來回拖拽，主要是實現這個功能，其實很簡單，看上面代碼我想你一下就ok了。

現在說一下問題”首先，我們用的是viewpager來實現，滑動的時候效果很不錯，可是當我們點擊title切換屏幕的時候，效果就難看了，因為viewpager動畫的緣故，如果由1屏-6屏，則它會動畫經過2，3，4，5，效果是相當的難看，想找個方案禁止動畫，可沒有找到，如果知道的朋友麻煩告訴下，謝謝在先了。“ 還有就是可以拖拽的標題分頁，最好和activitygroup運用.搜狐那個就很不錯.實在不行重寫viewpaper吧，不過有點復雜，有時間了研究下.這里對viewpager只是簡單用一下，不過前面幾節都講過，禁止屏幕滑動和縮回效果等.

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Android ViewPager+HorizontalScrollView實現標題欄滑動(騰訊新聞) Android重寫HorizontalScrollView仿ViewPager效果【Android】HorizontalScrollView內子控件橫向拖拽 ViewPager+GridView實現首頁導航欄布局分頁效果 Android_ViewPager+Fragment實現頁面滑動和底部導航欄 Android：簡單實現ViewPager+TabHost+TabWidget實現導航欄導航和滑動切換 Android底部導航欄創建——ViewPager + RadioGroup Android UI設計框架[1]: ViewPager+Fragment實現底部圖標文字的導航欄(IconTabPageIndicator) android ViewPager左右滑動實現導航欄的背景隨頁面滑動而滑動 Android彈性滑動的HorizontalScrollView