Android：使用三种线性布局的水平滚动视图

Question

我想使用水平滚动视图创建活动。 scrollview的内容将是三个不同的线性布局。这些线性布局应占用设备屏幕的全部宽度。因此，当活动开始时，只有一个线性布局占据屏幕的整个宽度，而当用户向右滑动时，另一个线性布局将以全宽度显示。 （见图）

我不知道如何设置linearlayouts的宽度，以便它们适合屏幕的宽度。关于如何以良好的方式解决这个问题的任何想法？

Answer 1

我认为你必须使用ViewFlipper而不是滚动视图。 在viewflipper上使用触摸事件进行导航，并使用动画来翻转两个线性布局。

这个例子可以帮助你 View Flipper example

编辑：

步骤：

• 有一个ViewFlipper包含布局1，布局2，layoout3
• 目前布局1可见。
• 从右向左倾斜显示下一个布局。布局1 - >布局2

动画将在这里适用的两种观点（布局1和布局2）。

• 的布局2 - > push_right_in.xml

  <?xml version="1.0" encoding="utf-8"?> 
  <set xmlns:android="http://schemas.android.com/apk/res/android" 
  android:interpolator="@android:anim/decelerate_interpolator"> 
  
  <translate android:fromXDelta="100%" android:toXDelta="0%" 
      android:duration="400" /> 
  </set> 
  

• 的布局1 - > push_right_out.xml

  <?xml version="1.0" encoding="utf-8"?> 
  <set xmlns:android="http://schemas.android.com/apk/res/android" 
  android:interpolator="@android:anim/decelerate_interpolator"> 
  
  <translate android:fromXDelta="0%" android:toXDelta="-100%" 
      android:duration="400" /> 
  
  </set> 
  

• 然后设置这个动画viewflipper的孩子。

  flipper.setInAnimation(<your class>.this, R.anim.push_right_in); 
  flipper.setOutAnimation(<your class>.this, R.anim.push_right_out); 
  flipper.showNext(); 
  

  • 现在一扔从左至右为显示以前的布局。布局2 - >布局1

动画将在这里适用的两种观点（布局1和布局2）。

• 的布局1 - > push_left_in.xml

  <?xml version="1.0" encoding="utf-8"?> 
  <set xmlns:android="http://schemas.android.com/apk/res/android" 
  android:interpolator="@android:anim/decelerate_interpolator"> 
  
  <translate android:fromXDelta="-100%" android:toXDelta="0%" 
  android:duration="400" /> 
  </set> 
  

• 的布局2 - > push_left_out.xml

  <?xml version="1.0" encoding="utf-8"?> 
  <set xmlns:android="http://schemas.android.com/apk/res/android" 
  android:interpolator="@android:anim/decelerate_interpolator"> 
  
  <translate android:fromXDelta="0%" android:toXDelta="100%" 
  android:duration="400" /> 
  
  </set> 
  

• 然后设置这个动画viewflipper的孩子。

  flipper.setInAnimation(<your class>.this, R.anim.push_left_in); 
  flipper.setOutAnimation(<your class>.this, R.anim.push_left_out); 
  flipper.showPrevious(); 
  

这会给你一个平滑的动画。