码迷,mamicode.com
首页 > 其他好文 > 详细

ImageSwitcher实现显示图片(更改图片时有动画效果)

时间:2014-07-19 18:15:47      阅读:290      评论:0      收藏:0      [点我收藏+]

标签:android   style   blog   http   java   color   

bubuko.com,布布扣

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); } }

ImageSwitcher实现显示图片(更改图片时有动画效果),布布扣,bubuko.com

ImageSwitcher实现显示图片(更改图片时有动画效果)

标签:android   style   blog   http   java   color   

原文地址:http://www.cnblogs.com/tianzhijiexian/p/3855040.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!