selector实现点击图片切换(解决常见的点击无效问题)

实现效果图:

     

图片未点击前                         图片点击后

selector的实现方法其实很简单,只需3步:

第一步:选择两张图片效果图放在res/drawable-hdpi中,放在mdpi也可以

第二步:在mdpi文件夹中新建xml文件,命名为selector.xml。注意名字selector后面会引用到。

在selector.xml文件中,完成代码:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/lightopen" android:state_pressed="true"/>
    <item android:drawable="@drawable/lightoff" android:state_pressed="false"/>
    <item android:drawable="@drawable/lightoff"></item>

</selector>

第三步:在main.xml文件中完成Button控件代码:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <Button
        android:id="@+id/lightoff"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/lightctrl"
        android:gravity="center" />

</LinearLayout>

注意android:background="@drawable/selector" ,selector为第二步中xml文件的名字,而不是图片的名字。

selector实现点击图片切换(解决常见的点击无效问题),布布扣,bubuko.com

时间: 2024-10-24 17:25:04

selector实现点击图片切换(解决常见的点击无效问题)的相关文章

Button按钮点击图片切换效果

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

验证码画布生成以及点击图片切换验证码

//这个验证码画布生成是师兄写的,不是本人写的 1 package com.didinx.common; 2 3 import javax.imageio.ImageIO; 4 import javax.servlet.ServletException; 5 import javax.servlet.annotation.WebServlet; 6 import javax.servlet.http.HttpServlet; 7 import javax.servlet.http.HttpSer

vue 实现active点击图片切换

循环条件下: 1.点击函数@click="active(index)" 获取点击的位置 2.讲索引值传给class,点击哪一个则显示哪一个的样式 3.在data添加ins的初始值 4.使用三目运算符切换图片 三木运算符执行方法:如果index == ins为真,则显示imgItem.active的图片,否则显示imgItem.path的图片 5.书写active方法 6.效果 原文地址:https://www.cnblogs.com/zzz-knight/p/11673050.html

点击图片切换随机图片?

$(function(){ var strAlt=$("img").attr("title"); strAlt +="<br/><br/>"+$("img").attr("src"); $("divAlt").html(strAlt); }) 随机图片$(function(){ $("img").attr("src".fun

2018.7.2 如何用js实现点击图片切换为另一图片,再次点击恢复到原图片

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible"

点击图片进行放大,再次点击就缩小到原来的地方

首先写一个类  写放大缩小的方法 // // BigImage.h // TapImageBigAndSmall // // Created by lxy on 15-4-7. // Copyright (c) 2015年 Shenzhen MSD Technology Co.,LTD. All rights reserved. // #import <Foundation/Foundation.h> #import <UIKit/UIKit.h> @interface BigIm

基于jquery鼠标点击图片翻开切换效果

基于jquery鼠标点击图片翻开切换效果是一款基于jQuery+CSS3实现的点击图片切换特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="container"> <img src="images/1.jpeg" alt="1" /> <img src="images/2.jpeg" alt="2" /> <img s

154在屏幕中绘图时设置透明度(扩展知识:为图片视图添加点击手势识别器,来实现点击事件操作)

一张图片,通过混合模式绘制后,能得到不同效果的图片. 这里的示例仅是测试效果:实际上可以通过不同程度的混合模式绘制,来得到符合需求的效果. 效果如下: ViewController.h 1 #import <UIKit/UIKit.h> 2 3 @interface ViewController : UIViewController 4 @property (strong, nonatomic) UIImageView *imgVBlend; 5 @property (strong, nona

18款 非常实用 jquery幻灯片图片切换

1.jquery图片滚动仿QQ商城带左右按钮控制焦点图片切换滚动 jquery图片特效制作仿腾讯QQ商城首页banner焦点图片轮播切换效果,带索引按钮控制和左右按钮控制图片切换. 查看演示>>          下载地址 2.jquery图片切换插件制作图片层叠缩放展示效果 jquery图片插件制作图片等比列缩放层叠样式,图片叠加展示.点击层叠最上层的图片依次点击缩放图片层叠缩放切换. 查看演示>> 下载地址 3.jquery图像幻灯片制作大小图片切换滚动展示 jquery图像幻