如何使用三种布局的视图鳍状肢?

我目前使用ViewFlipper为我的主要活动有两种不同的布局。 我想使用第三个布局,但我只能findshowNext()showPrevious()命令。 有人可以告诉我如何使用ViewFlipper实现第三个布局?

Solutions Collecting From Web of "如何使用三种布局的视图鳍状肢?"

为您展示了如何在ViewFlipper中显示不同视图的示例。

示例的布局由以下几部分组成。 有三个单选button。 ViewFlipper放在单选button下面。 这个脚蹼拥有三个不同的简单的看法与不同的文本。

然后单选button连接到java代码中的监听器,这将改变ViewFlipper显示的视图,具体取决于当前select的单选button。

XML

 <?xml version="1.0" encoding="utf-8"?> <LinearLayout android:id="@+id/LinearLayout01" android:layout_width="fill_parent" android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical"> <RadioGroup android:id="@+id/radioGroup1" android:layout_width="wrap_content" android:layout_height="wrap_content"> <RadioButton android:layout_height="wrap_content" android:id="@+id/radio0" android:layout_width="wrap_content" android:text="Show View 1" android:checked="true"></RadioButton> <RadioButton android:layout_height="wrap_content" android:id="@+id/radio1" android:layout_width="wrap_content" android:text="Show view 2"></RadioButton> <RadioButton android:layout_height="wrap_content" android:id="@+id/radio2" android:layout_width="wrap_content" android:text="Show View 3"></RadioButton> </RadioGroup> <ViewFlipper android:id="@+id/ViewFlipper01" android:layout_width="wrap_content" android:layout_height="wrap_content"> <!--adding views to ViewFlipper--> <TextView android:id="@+id/TextView01" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="First view is now displayed"></TextView> <TextView android:id="@+id/TextView02" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Second view is now displayed"></TextView> <TextView android:id="@+id/TextView03" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Third view is now displayed"></TextView> </ViewFlipper> </LinearLayout> 

JAVA

 package com.test.threeviews; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.RadioButton; import android.widget.ViewFlipper; public class ThreeViewsinaFlipperActivity extends Activity { RadioButton RB0; RadioButton RB1; RadioButton RB2; ViewFlipper VF; /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); /* * Find the views declared in main.xml. */ RB0 = (RadioButton) findViewById(R.id.radio0); RB1 = (RadioButton) findViewById(R.id.radio1); RB2 = (RadioButton) findViewById(R.id.radio2); VF = (ViewFlipper) findViewById(R.id.ViewFlipper01); /* * Set a listener that will listen for clicks on the radio buttons and * perform suitable actions. */ RB0.setOnClickListener(radio_listener); RB1.setOnClickListener(radio_listener); RB2.setOnClickListener(radio_listener); } /* * Define a OnClickListener that will change which view that is displayed by * the ViewFlipper */ private OnClickListener radio_listener = new OnClickListener() { public void onClick(View v) { switch (v.getId()) { case R.id.radio0: VF.setDisplayedChild(0); break; case R.id.radio1: VF.setDisplayedChild(1); break; case R.id.radio2: VF.setDisplayedChild(2); break; } } }; } 

看到这个简单的使用android.widget.ViewFlipper 。 有了它,你可以创build不同的XML布局,然后用这样简单的方法切换:

  ViewFlipper viewFlipper = (ViewFlipper) findViewById(R.id.myViewFlipper); // you can switch between next and previous layout and display it viewFlipper.showNext(); viewFlipper.showPrevious(); // or you can switch selecting the layout that you want to display viewFlipper.setDisplayedChild(1); viewFlipper.setDisplayedChild(viewFlipper.indexOfChild(findViewById(R.id.secondLayout) 

有树布局的Xml示例:

  <ViewFlipper android:id="@+id/myViewFlipper" android:layout_width="match_parent" android:layout_height="match_parent" > <LinearLayout android:id="@+id/firstLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > [...] </LinearLayout> <LinearLayout android:id="@+id/secondLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > [...] </LinearLayout> <LinearLayout android:id="@+id/thirdLayout" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" > [...] </LinearLayout> </ViewFlipper> 

最简单的答案是:USE'FOR'LOOP

1线解决scheme

// j =您想要移动视图的次数

 for(i=0;i<j;i++) viewFlipper.showNext(); 

通过改变'j'的值来控制viewFlipper。

谢谢

你也可以用这种方式来使用它。 我已经附加了java代码和xml文件,其中一个button用于更改鳍状肢视图。

 package com.nikhil.play.add_subtract; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.ViewFlipper; public class Flipper extends Activity implements OnClickListener { ViewFlipper flippy; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_flipper); flippy = (ViewFlipper) findViewById(R.id.viewFlipper1); flippy.setOnClickListener(this); flippy.setFlipInterval(10000); flippy.startFlipping(); } @Override public void onClick(View v) { // TODO Auto-generated method stub flippy.showNext(); } } 

XML CODE-

 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > <ViewFlipper android:id="@+id/viewFlipper1" android:layout_width="wrap_content" android:layout_height="match_parent" > <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Button" /> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Flipper 2" /> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Flipper 3" /> <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Flipper 4" /> </ViewFlipper> </LinearLayout> 

XML

 <ViewFlipper android:id="@+id/viewflip" android:layout_width="match_parent" android:layout_height="250dp" android:layout_weight="1" /> 

Java的

 public class BlankFragment extends Fragment{ ViewFlipper viewFlipper; FragmentManager fragmentManager; int gallery_grid_Images[]={drawable.image1, drawable.image2, drawable.image3, drawable.image1, drawable.image2, drawable.image3, drawable.image1, drawable.image2, drawable.image3, drawable.image1 }; @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState){ View rootView = inflater.inflate(fragment_blank, container, false); viewFlipper =(ViewFlipper)rootView.findViewById(R.id.viewflip); for(int i=0;i<gallery_grid_Images.length;i++) { // This will create dynamic image view and add them to ViewFlipper setFlipperImage(gallery_grid_Images[i]); } return rootView; } private void setFlipperImage(int res) { Log.i("Set Filpper Called", res+""); ImageView image = new ImageView(getContext()); image.setBackgroundResource(res); viewFlipper.addView(image); viewFlipper.setFlipInterval(1000); viewFlipper.setAutoStart(true); }