用ImageSwitcher实现显示图片(更改图片时有动画效果)
2014-07-19 15:36
459 查看
ImageView和ImageSwitcher都是用来显示图片的。只不过后者在更新显示的图片的时候可以有动画效果。
注意点:
1.ImageSwitcher初始化需要定义一个ViewFactory,该ViewFactory生成的对象必须为ImageView。
iSwitcher.setFactory(new ViewFactory() { @Override public View makeView() { //创建一个ImageView对象 ImageView imageView = new ImageView(MainActivity.this); //设置图片的拉伸方式 imageView.setScaleType(ImageView.ScaleType.FIT_START); //设置图片的填充方式 imageView.setLayoutParams(new ImageSwitcher.LayoutParams( LayoutParams.WRAP_CONTENT ,LayoutParams.WRAP_CONTENT) ); return imageView; } });
2.设置图片的时候有着和ImageView一样的方法,一般用setImageResource(int resId) 和 setImageDrawable(Drawable drawable)
布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <ImageSwitcher android:id="@+id/imageSwitcher_id" android:layout_width="match_parent" android:layout_height="150dp" android:layout_margin="16dp" android:layout_gravity="center_horizontal" android:inAnimation="@android:anim/slide_in_left" android:outAnimation="@android:anim/slide_out_right"/> <Button android:id="@+id/prev_button_id" android:layout_gravity="center_horizontal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="上一幅图片" /> <Button android:id="@+id/next_button_id" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:text="下一幅图片" /> </LinearLayout>
MainActivity.java
package com.example.imageswitcher; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.Gallery.LayoutParams; import android.widget.ImageSwitcher; import android.widget.ImageView; import android.widget.ViewSwitcher.ViewFactory; public class MainActivity extends Activity { ImageSwitcher iSwitcher; Button prevBtn,nextBtn; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewInit(); //第一种设置图片的方式 iSwitcher.setImageResource(R.drawable.ic_launcher); prevBtn.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) { // TODO 自动生成的方法存根 iSwitcher.setImageResource(R.drawable.ic_launcher); } }); nextBtn.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) { //第二种设置图片的方式 iSwitcher.setImageDrawable(getResources().getDrawable(R.drawable.kale)); } }); } private void viewInit() { iSwitcher = (ImageSwitcher)findViewById(R.id.imageSwitcher_id); iSwitcher.setFactory(new ViewFactory() { @Override public View makeView() { //创建一个ImageView对象 ImageView imageView = new ImageView(MainActivity.this); //设置图片的拉伸方式 imageView.setScaleType(ImageView.ScaleType.FIT_START); //设置图片的填充方式 imageView.setLayoutParams(new ImageSwitcher.LayoutParams( LayoutParams.WRAP_CONTENT ,LayoutParams.WRAP_CONTENT) ); return imageView; } }); prevBtn = (Button) findViewById(R.id.prev_button_id); nextBtn = (Button)findViewById(R.id.next_button_id); } }
相关文章推荐
- java实现gif动画效果(java显示动态图片)
- CSS3 动画实现放大缩小、涟漪扩散效果、叠加图片循环来回显示
- 纯css3实现鼠标经过图片显示描述的动画效果
- Java之简单的图片动态显示(实现类似GIF动画效果)
- qt程序实现多个图片连续显示效果像动画一样
- java实现gif动画效果(java显示动态图片)
- JS实现鼠标移动到缩略图显示大图的图片放大效果
- 用src属性动态替换图片;图片预加载---鼠标事件实现图片翻转效果;随机显示图片和onClick事件
- js实现图片显示局部,鼠标经过显示全部的效果
- C#实现淡入淡出显示图像效果显示图片。
- 【web前端】JavaScript实现图片幻灯片滚动播放动画效果
- android中类似于gif 实现图片的动画效果
- JS实现鼠标移动到缩略图显示大图的图片放大效果
- PageAdmin如何实现图片切换与文章同时显示效果。
- JavaScript实现新浪微博文字放大显示动画效果
- gif的动画图片,可否实现文字水印和图片水印的效果呢?
- 图片的左右移动,js动画效果实现代码
- js实现图片显示局部,鼠标经过显示全部的效果
- 实现动画图片效果
- 图片的左右移动,js动画效果实现代码