Android仿淘宝商品自动滚动 ImageSwitcher和TextSwitcher的用法

              前几天看了一篇文章,讲的是ImageSwitcher和TextSwitcher的用法,自己实现了下,看了看效果就没有再管了,感觉这样不好,一点都没有自己总结,毕业也一年了,感觉自己的技术没有一点进步, 反而后退了很多,哎!不能这样了,要好好努力啊,今天就把这个demo重新好好写了下,总结一下,有需要的朋友们可以看一下:

     

      ImageSwitcherTextSwitcher用起来很简单,先看下面的xml文件

<ImageSwitcher
    android:layout_gravity="center"
    android:id="@+id/imageSwitcher"
    android:layout_width="400dp"
    android:layout_height="400dp"></ImageSwitcher>

        在java文件中imageSwitcher需要设置setFactory,实现ViewFactory接口,重写其中makeView方法,这个方法返回View对象,
就是屏幕展示的view,
@Override
public View makeView() {
        ImageView imageView = new ImageView(getApplicationContext());
        imageView.setScaleType(ImageView.ScaleType.CENTER); //设置显示方式
        imageView.setLayoutParams(new android.widget.ImageSwitcher.LayoutParams(RelativeLayout.LayoutParams.FILL_PARENT,
                RelativeLayout.LayoutParams.FILL_PARENT));//定义组建
        return imageView;
}
       当然,ImageSwitcher切换的时候还是得设置切换动画的,ImageSwitcher提供有进入和退出设置动画的方法,
imageSwitcher.setInAnimation(getAnimationTopIn());
imageSwitcher.setOutAnimation(getAnimationBottomOut());
这里的动画效果就是自己写的了,根据自己的项目需要来写。下面是我自己写的由上到下的动画:
/**
 * 从顶部进入
 *
 * @return
 */
public Animation getAnimationTopIn() {
    AnimationSet animup = new AnimationSet(true);
    TranslateAnimation mytranslateanimup0 = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, -1f, Animation.RELATIVE_TO_SELF, 0f);
    mytranslateanimup0.setDuration(1000);
    animup.addAnimation(mytranslateanimup0);
    return animup;
}

/**
 * 从底部退出
 *
 * @return
 */
public Animation getAnimationBottomOut() {
    AnimationSet animdn = new AnimationSet(true);
    TranslateAnimation mytranslateanimdn1 = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 0f, Animation.RELATIVE_TO_SELF, 1f);
    mytranslateanimdn1.setDuration(1000);
    animdn.addAnimation(mytranslateanimdn1);
    return animdn;
}

ImageSwitcher的用法大致就是这么多,TextSwitcher的用法类似,这里就不详细说了,想看详细代码的可以点击下面链接下载:
demo里面包括ImageSwitcher和TextSwitcher的用法,简单易懂,你值得拥有!
(ps:童鞋们赏点积分呗,本着分享的态度,不应该要积分的,奈何楼主实在是没积分了,等有积分了一定免费分享)
  
资源下载

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android中,可以使用Gallery和ImageSwitcher来实现可左右循环滑动的图片浏览器。 首先,在布局文件中添加一个Gallery和一个ImageSwitcher: ``` <Gallery android:id="@+id/gallery" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:gravity="center_vertical" /> <ImageSwitcher android:id="@+id/imageSwitcher" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_above="@id/gallery" /> ``` 然后,在Java代码中,需要为Gallery设置一个Adapter,并为ImageSwitcher设置一个ViewFactory。代码如下: ``` public class MainActivity extends AppCompatActivity { private Gallery mGallery; private ImageSwitcher mImageSwitcher; private int[] mImageIds = new int[]{R.drawable.image1, R.drawable.image2, R.drawable.image3}; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mGallery = (Gallery) findViewById(R.id.gallery); mImageSwitcher = (ImageSwitcher) findViewById(R.id.imageSwitcher); mGallery.setAdapter(new ImageAdapter(this)); mImageSwitcher.setFactory(new ViewFactory() { @Override public View makeView() { ImageView imageView = new ImageView(MainActivity.this); imageView.setScaleType(ImageView.ScaleType.FIT_CENTER); return imageView; } }); mGallery.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() { @Override public void onItemSelected(AdapterView<?> parent, View view, int position, long id) { mImageSwitcher.setImageResource(mImageIds[position % mImageIds.length]); } @Override public void onNothingSelected(AdapterView<?> parent) { } }); } private class ImageAdapter extends BaseAdapter { private Context mContext; public ImageAdapter(Context context) { mContext = context; } @Override public int getCount() { return Integer.MAX_VALUE; } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { ImageView imageView; if (convertView == null) { imageView = new ImageView(mContext); imageView.setLayoutParams(new Gallery.LayoutParams(200, 200)); imageView.setScaleType(ImageView.ScaleType.FIT_XY); } else { imageView = (ImageView) convertView; } imageView.setImageResource(mImageIds[position % mImageIds.length]); return imageView; } } } ``` 这里的关键是设置Gallery的Adapter为一个无限循环的Adapter,以及在Gallery的OnItemSelectedListener中更新ImageSwitcher的图片资源。同时,ImageAdapter负责为Gallery提供每个Item的View。 这样,我们就可以实现一个左右循环滑动的图片浏览器了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值