android控件之ViewSwitcher实现图片切换
2017-06-10 23:27
459 查看
暂时只实现了两个图片切换,多图切换还待学习
布局文件如下
添加两个动画效果
一个是fade_in
另一个是fade_out
添加一个类
布局文件如下
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="wrap_content" > <ViewSwitcher android:id="@+id/switcher" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_centerHorizontal="true" android:inAnimation="@anim/fade_in" android:outAnimation="@anim/fade_out" > <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:scaleType="fitCenter" android:src="@drawable/head3" /> <ImageView android:layout_width="match_parent" android:layout_height="wrap_content" android:scaleType="fitCenter" android:src="@drawable/green_1" /> </ViewSwitcher> <TextView android:id="@+id/tap_instruction" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@id/switcher" android:gravity="center" android:text="@string/tap_to_switch" /> </RelativeLayout>
添加两个动画效果
一个是fade_in
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:duration="500" android:fromAlpha="0.0" android:toAlpha="1.0" android:interpolator="@android:anim/accelerate_interpolator" /> </set>
另一个是fade_out
<?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android"> <alpha android:duration="500" android:fromAlpha="1.0" android:toAlpha="0.0" android:interpolator="@android:anim/accelerate_interpolator" /> </set>
添加一个类
package activity; import com.julse.com.R; import android.app.Activity; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.view.Window; import android.widget.ImageSwitcher; import android.widget.ViewSwitcher; public class ImageItem extends Activity{ private ViewSwitcher imageSwitcher ; @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.pic_view); imageSwitcher=(ViewSwitcher) findViewById(R.id.switcher); imageSwitcher.setOnClickListener(new OnClickListener() { @Override public void onClick(View arg0) { // TODO Auto-generated method stub ViewSwitcher vSwitcher = (ViewSwitcher) arg0; if (vSwitcher.getDisplayedChild()==0) { vSwitcher.showNext(); }else { vSwitcher.showPrevious(); } } }); } }
相关文章推荐
- Android UI控件之ImageSwitcher实现图片切换效果
- Android中使用imageviewswitcher 实现图片切换轮播导航的方法
- Android 控件之ImageViewSwitcher图片切换控件
- Android中使用ImageViewSwitcher实现图片切换轮播导航效果
- Android中使用ImageViewSwitcher实现图片切换轮播导航效果
- Android之ViewFlipper实现手动+自动切换图片(附加动画效果)
- android之【代码实现ImageView图片切换】
- Android ViewPager控件实现图片轮播
- Android--多页面管理控件之ViewFlipper实现子界面的自动切换
- android-ViewPager实现图片自动切换
- Android通过ViewPager实现左右滑动切换图片
- Android技术——视图切换(四)“ViewSwitcher+手势识别”实现视图的滑动切换
- Android实现图片轮显效果——自定义ViewPager控件
- Android实现图片轮显效果——自定义ViewPager控件
- Android ViewPager控件实现图片轮播
- 【Android 开发】:UI控件之 ImageView 实现图片旋转和缩放功能
- android ViewPager实现 跑马灯切换图片+多种切换动画
- Android:使用ViewPager实现左右滑动切换图片 (简单版)
- Android之ViewPager实现图片+小圆点切换【有图有码】实例
- Android:使用ViewPager实现左右滑动切换图片(图上有点点)