`
lws0402
  • 浏览: 108564 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

基于Selector的按钮图片效果

 
阅读更多
图片按钮在获取焦点和失去焦点时,会有不同的显示效果,可以针对每个按钮添加
OnFocusListener事件,但还是不方便,而且有太多的java代码,对于后期维护也不是很方便!
运用selector就解决了该问题:
首先在drawable目录下创建1_selector.xml文件(名称可以随意取),如果是获取焦点和失去焦点的效果,内容代码如下:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_focused="true"
        android:drawable="@drawable/xxxxxx"></item>
    <item android:state_focused="false"
        android:drawable="@drawable/xxxxxx"></item>
</selector>

xxxxx处为不同显示的图片。
其次,对按钮进行配置
<ImageButton
        android:id="@+id/button1"
        android:layout_width="105px"
        android:layout_height="105px"
        android:layout_x="230px"
        android:layout_y="595px"
        android:background="@drawable/????????" />

?????是selector对应xml文件的文件名,在这里对应的是1_selector

然后运行虚拟机,就可以看到效果了

分享到:
评论

相关推荐

    用selector设置button可用和不可用的样式

    本教程将详细介绍如何使用Selector来设置Button在可用和不可用状态下的样式,以提高应用的视觉效果和交互性。 Selector在Android中是一种基于状态的选择器,它可以为不同状态下的View定义不同的样式。它允许开发者...

    android selector注入器

    Selector是Android中的一个Drawable对象,它可以基于View的状态改变其显示效果。通常,我们在res/drawable目录下创建XML文件,定义各种状态如 pressed、focused、enabled 等,并为每个状态分配不同的颜色、图片或者...

    简单的jquery层叠图片滚动轮播切换效果代码,带按钮的滚动轮播图

    这里我们讨论的是一个基于jQuery实现的简单图片滚动轮播切换效果,带有控制按钮,使得用户能够自由地浏览和切换图片。这个轮播图方案特别适合那些希望在网站上动态展示产品或服务的页面。 首先,`index.html`是网页...

    Android绘图机制Selector

    在Android开发中,Selector是一种非常重要的图形元素,它允许开发者基于不同的状态来显示不同的图像,极大地增强了用户界面的交互性和视觉效果。Selector主要用于ListView、GridView、Button等组件,特别是自定义...

    android下imagebutton换图片

    更简洁的方法是使用`selector`,它是一种基于状态的绘图,可以根据按钮的不同状态自动切换图片。创建一个名为`button_selector.xml`的`Drawable`资源文件在`res/drawable`目录下: ```xml &lt;selector xmlns:...

    jquery带按钮的图片滚动切换代码.zip

    2. **图片轮播原理**:这种特效通常基于定时器(如`setInterval`)和事件监听(点击按钮),通过改变图片的显示状态来实现平滑的滚动效果。图片轮播的关键在于正确管理图片的索引和展示顺序。 3. **CSS样式**:为了...

    基于JQuery的Banner大图片横向切换效果

    在这个例子中,`fx: 'scrollHorz'`定义了过渡效果为横向滚动,`speed: 800`指定了每次切换的速度为800毫秒,`timeout: 4000`设置了4秒钟后自动切换到下一张图片。`next`和`prev`属性则用于绑定触发切换的按钮。 ...

    Android -- Time-Selector日期选择控件.zip

    `Time-Selector`是一个自定义的日期选择控件,它基于Android原生的`TimePicker`组件进行优化,提供了更加美观和用户友好的交互方式。本项目的目标是为开发者提供一个易于使用、功能丰富的日期和时间选择解决方案。 ...

    js首页按钮控制焦点图片滚动.zip

    总的来说,这个压缩包提供的是一种基于前端技术的焦点图片滚动解决方案,结合了CSS的样式控制、HTML5的结构定义、JavaScript的交互实现以及jQuery的便捷操作,为网页增添动态效果,提升用户体验。对于学习和理解前端...

    jQuery幻灯片按钮控制图片过渡特效源码.zip

    【标题】:“jQuery幻灯片按钮控制图片过渡特效源码.zip”是一个基于jQuery库的代码资源,用于实现图片轮播效果。它通过按钮控制图片的切换,并提供了平滑的过渡动画,增强了用户交互体验。 【描述】:这个压缩包...

    Button图片资源

    5. **图片资源**: 压缩包中的“button图片资源”可能包含了不同状态下的按钮图像示例,如正常、按下和聚焦状态的截图,以便于博客读者直观理解效果。 通过以上方法,开发者可以自由定制Button的视觉效果,使其符合...

    基于jQuery实现的点击图片相册滑出放大展示效果源码.zip

    "基于jQuery实现的点击图片相册滑出放大展示效果源码.zip"是一个用于创建这种体验的代码资源,它利用jQuery库来实现图片点击后以相册形式滑出并放大的动态效果。以下将详细解析这个功能的实现原理及相关的知识点。 ...

    JQuery 广告图片效果.rar

    总结,"JQuery 广告图片效果.rar"提供的是一种基于JQuery技术的网页广告图片展示方案,通过有效的DOM操作、事件处理和动画功能,实现了富有吸引力的幻灯效果,提高了网站的互动性和视觉体验。开发者可以在此基础上...

    腾讯jquery图片幻灯片效果代码

    开发者可以利用jQuery提供的API,如`$(selector).fadeIn()`和`$(selector).fadeOut()`来实现图片的淡入淡出效果。 二、幻灯片基本结构 一个典型的幻灯片组件通常包括以下部分: 1. 图片容器:用来放置所有幻灯片...

    关于XML绘图(bitmap ,shape ,layer-list ,selector ,animation)的demo

    Selector通常用于实现按钮、列表项等的交互反馈效果。在XML中定义一个selector,可以定义不同状态下的shape或bitmap,当视图状态改变时,selector会自动选择相应的状态并显示。 5. **Animation**: 动画是使应用更加...

    Android中Selsetor基本使用一,按下时改变按钮背景

    Selector是Android中的一个资源类型,它是基于状态的绘图对象,可以定义不同状态下的图形表现,如按下、默认、焦点、启用等。在XML中创建一个Selector,我们可以为每个状态指定不同的Drawable,从而实现按钮在不同...

    基于android背景选择器selector的用法汇总

    在Android开发中,背景选择器(Selector)是一个强大的工具,用于定义不同状态下的视图样式。本文将深入探讨如何创建和使用...无论是按钮、列表项还是其他可交互的视图,都可以利用Selector来定制丰富多彩的视觉效果。

    一套基于jQuery 的遮罩图片切换mbMaskedGallery插件包源码例子

    综上所述,"基于jQuery的遮罩图片切换mbMaskedGallery插件包源码例子"提供了一种高效、美观的图片展示解决方案,对于想要提升网页视觉效果的开发者来说,是一份宝贵的参考资料。通过学习和使用这个插件,可以深入...

    凡客图片展示效果代码

    基于这些信息,我们可以深入探讨一下关于使用jQuery实现图片展示效果的一些关键知识点: 1. **jQuery选择器**:jQuery提供了丰富的选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(element)等,用于快速...

    imgplay基于canvas的图片序列播放jQuery插件

    1. **图片序列播放**:`imgplay`能自动加载并按顺序播放一系列图片,形成动画效果。 2. **控制操作**:支持暂停、继续、快进、后退,允许用户根据需要自由控制播放进度。 3. **全屏模式**:提供全屏功能,让用户在无...

Global site tag (gtag.js) - Google Analytics