Android 单击图片切换效果

新建一个Android项目,命名为FrameLayout

此实例主要操作src文件夹下的MainActivity.Java类文件和res/layout下的activity_main.xml布局文件

1.布局主页面代码activity_main.xml↓

<FrameLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="fill_parent"

android:layout_height="fill_parent"
android:background="#897753"

>
<ImageView
android:id="@+id/image1"

android:layout_width="fill_parent"

android:layout_height="fill_parent"
android:visibility="visible"

android:src="@drawable/a"/>
<ImageView

android:id="@+id/image2"
android:visibility="invisible"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:src="@drawable/b"/>
<ImageView

android:id="@+id/image3"
android:visibility="invisible"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:src="@drawable/c"/>

</FrameLayout>

2.Java代码MainActivity.Java

package com.example.framelayout;

import java.util.ArrayList;
import java.util.List;

import android.app.Activity;
import android.os.Bundle;
import
android.util.Log;
import android.view.Menu;
import
android.view.MotionEvent;
import android.view.View;
import
android.widget.ImageView;

public class MainActivity extends Activity {
private String TAG =
"FramLayoutTestActivity";
private ImageView image1;
private ImageView
image2;
private ImageView image3;
private List<ImageView>
list;

private int count = 0;

@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
image1
= (ImageView) findViewById(R.id.image1);
image2 = (ImageView)
findViewById(R.id.image2);
image3 = (ImageView)
findViewById(R.id.image3);
list = new
ArrayList<ImageView>();
list.add(image1);
list.add(image2);
list.add(image3);
}

@Override
public boolean onTouchEvent(MotionEvent event) {
// TODO
Auto-generated method stub
if (event.getAction() ==
MotionEvent.ACTION_DOWN) {
Log.i(TAG,
"move---");
showImage();
}

return super.onTouchEvent(event);
}

private void showImage()
{
//image1.setVisibility(View.VISIBLE);
count = count % 3;
for
(ImageView i : list)
{
i.setVisibility(View.INVISIBLE);
}
list.get(count).setVisibility(View.VISIBLE);
count++;
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
//
Inflate the menu; this adds items to the action bar if it is
present.
getMenuInflater().inflate(R.menu.main, menu);
return
true;
}
}

3.使用Android模拟器或者连接Android智能手机运行项目,点击程序界面,图片自动切换。

ps: activity_main.xml文件中几个ImageView中的src链接图片需要从外部复制到项目中的res/drawable目录下

时间: 2024-10-10 10:10:54

Android 单击图片切换效果的相关文章

Android 自定义 ViewPager 打造千变万化的图片切换效果

Android 自定义 ViewPager 打造千变万化的图片切换效果 标签: Android自定义ViewPagerJazzyViewPager 目录(?)[+] 转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38026503 记 得第一次见到ViewPager这个控件,瞬间爱不释手,做东西的主界面通通ViewPager,以及图片切换也抛弃了ImageSwitch之类的,开 始让ViewPager来做.时间长了,ViewPa

从零开始学android&lt;ImageSwitcher图片切换组件.二十六.&gt;

ImageSwitcher组件的主要功能是完成图片的切换显示,例如用户在进行图片浏览的时候,可以通过按钮点击一张张的切换显示的图片,而且使用ImageSwitcher组件在每次切换的时候也可以为其增加一些动画的效果,此类定义如下: java.lang.Object ? android.view.View ? android.view.ViewGroup ? android.widget.FrameLayout ? android.widget.ViewAnimator ? android.wid

Button按钮点击图片切换效果

Button按钮图片切换效果设置. 通常在工程中用到图片按钮点击事件,大多都用ImageButton.在这里我们用 Button的点击事件,在图片的切换过程中不再通过setBackgroundResource()设置 点击效果.而是通过.xml预先设置好切换效果.在这里我们习惯把该.xml文件放到drawable文件夹下. 代码如下: //xml文件   名称这里为test_press.xml 1. android:state_pressed="true"  为点击后效果 2. and

网站——循环图片切换效果(最近做网站,已经快炸了)

看一下效果 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="zh-cn"><head><meta

一款在论坛上看到的JS封装的随机过渡方式的图片切换效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

图片切换特效(1):原生JS图片切换效果

转自:http://www.codefans.net/jscss/code/4699.shtml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

带缩略图的图片切换效果

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <title></title> 6 <style type="text/css"> 7 *{margin: 0;padding: 0;} 8 9 #box{width: 520px;height: 350px;margin:50px auto;border

css图片切换效果分析+翻译整理

Demos:http://tympanus.net/Tutorials/CSS3SlidingImagePanels/ 出处:http://tympanus.net/codrops/2012/01/17/sliding-image-panels-with-css3/ 这个教程将介绍如何使用纯CSS创建一个干净的幻灯图片面板.主要想法是在面板中使用背景图片,然后在点击标签后让动画起效. 今天我们将向您展示如何创建仅适用于CSS一些巧妙的滑动图像面板.该想法是使用背景图像的面板和一个标签上点击时动画

JS图片切换效果

源地址:http://www.codefans.net/jscss/code/4699.shtml <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"&g