ViewFlipper 的简单使用

今天有个朋友问我怎么实现首页咨询滚动效果。如图:

ViewFlipper 的简单使用_第1张图片

哥们当场就推荐了最简单的方法——ViewFlipper,然后第二天早上一上班朋友说没搞懂怎么用的,吧啦吧啦的。。。废话不多说了,直接上使用方法,坚定不移三步走。

一、先设置进出口动画样式:

1、设置进口动画 come_in.xml:



    

2、设置出口动画go_out.xml:



    
    

二,设置 activity 布局样式和 item 展示样式:

1、设置 activity 布局,很简单:



    

2、设置展示 item 布局样式 viewflipper_item.xml,这个根据自己需要设置,需要一条一条滚动就设置一条,本文设置的是两条;



    

        
        
    

    

        
        
    


就是这么的简单!

三、上 Activity 使用代码,同样很简单!

public class ViewFlipperActivity extends AppCompatActivity {

    private ViewFlipper viewFlipper;
    private List list;
    private Context context;
    private View view;
    private TextView tv_show,tv_showTwo;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_view_flipper);

        context = ViewFlipperActivity.this;

        viewFlipper = findViewById(R.id.viewFlipper);

        viewFlipper.clearFocus();

        for (int i=0;i<10;i++){

            view = LayoutInflater.from(context).inflate(R.layout.viewflipper_item,null);
            tv_show = view.findViewById(R.id.tv_show);
            tv_showTwo = view.findViewById(R.id.tv_showTwo);
            tv_show.setText("立元"+i);

            i++;
            tv_showTwo.setText("立元"+i);

            viewFlipper.addView(view);
        }

        viewFlipper.setInAnimation(context,R.anim.come_in);
        viewFlipper.setOutAnimation(context,R.anim.go_out);
        viewFlipper.setFlipInterval(2000);

        // 1、设置幻灯片的形式滚动
       // viewFlipper.startFlipping();

        // 2、设置自动翻页滚动
        viewFlipper.setAutoStart(true);
        viewFlipper.isAutoStart();

    }

}

四、问题解决,打完收工。附赠图片一张。

 

ViewFlipper 的简单使用_第2张图片

 

 

你可能感兴趣的:(ViewFlipper)