图片按钮设计

android自带的按钮简直太挫了,所以项目里面的按钮都是自定义的,具有项目统一的风格,而最常见的按钮,莫过于图片按钮。图片按钮本质不是按钮,它可以是ImageView,TextView等等,下面以自定义图片按钮为例

imageView.setImageResource(R.drawable.btnstyle);

在btnstyle.xml文件中

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 被点击的时候-->
<item android:drawable="@drawable/img1_shape" android:state_pressed="true"/>
<!-- 没有被点击的时候-->
    <item android:drawable="@drawable/img0_shape" android:state_pressed="false"/>
</selector>

其中,android:drawable="@drawable/img0_shape"还可以决定图片的样式,在drawable目录下的img0_shape.xml文件中

<?xml version="1.0" encoding="utf-8"?>
<shape
  xmlns:android="http://schemas.android.com/apk/res/android">
   <!-- 设置圆角半径 -->
    <corners 
        android:radius="2dp"
        />
    <!-- 设置填充色 -->
    <solid  android:color="#00CCCB"/>
     <!-- 设置边框的颜色和宽度 -->
    <stroke
        android:width="1dp"
        android:color="#00CCCB" >
    </stroke>
     <!-- 大小 -->
    <size
        android:width="50dp"
        android:height="30dp"/><!-- 宽度和高度 -->
         <!-- 间隔 -->
    <padding
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"/><!-- 各方向的间隔 -->
</shape>
时间: 2024-11-11 08:47:18

图片按钮设计的相关文章

10款CSS3按钮 - 再也不用为按钮设计而发愁了

这次主要给大家分享10款风格各异的CSS3按钮,如果你希望你的页面也能有很炫的样式,那么我相信这10款CSS3按钮就非常适合你,而且每一款都整理了源代码供参考,一起来看看吧. 1.绚丽的CSS3发光按钮特效 这是用纯CSS3实现的一组按钮特效,这组按钮不仅色彩绚丽,更重要的是如果在chrome或者safari浏览器中还能呈现出闪闪发光的特效,非常酷的一组按钮. 2.另类风格的CSS3按钮特效 这组CSS3按钮比较特别,整体上来看,这组CSS3按钮给人的感觉是非常有爱非常萌.按钮上都会有一个小图标

Dreamweaver中用css载入bg-image图片在设计栏不出现但可在网页中正常显示

刚开始以为是dreamweaver软件自身问题,但重启几次软件之后发现不是软件问题,检查css语法也没有问题,又以为是css中某些div遮住了图片,去掉有可能影响图片的div后,发现问题仍在,最后只能去html中寻找问题原因,最终发现少写了</div>,调整后可正常显示. 代码: <div class="divContent"> <div class="divTable"> </div> 修改: <div cla

cocos2d-x 3.4 之 文字按钮与图片按钮

***************************************转载请注明出处:http://blog.csdn.net/lttree******************************************** cocos2d-x 中用按钮地方很多,发现之前也没写过(其实真没什么可写的). 今天正好用到文字按钮这块,就弄了个Demo耍了下,记录一下. PS:宿舍现在是真冷啊,手冻得都哆嗦,每每睡觉前我都想到一句诗:布衾多年冷似铁... >>>图片按钮 通过Men

WPF利用Image实现图片按钮

之前有一篇文章也是采用了Image实现的图片按钮,不过时间太久远了,忘记了地址.好吧,这里我进行了进一步的改进,原来的文章中需要设置4张图片,分别为可用时,鼠标悬浮时,按钮按下时,按钮不可用时的图片,这里我只用了一张图片,利用C#的图片灰度处理自动获得不可用时的图片,利用图片的间距实现悬浮及按下效果.先上效果:(正常 悬浮 按下 不可用) 代码其实比较简单,唯一的难点就是把图片转换成ImageSource,在网上找了很久终于找到了一个,转换代码如下: 1 ///<summary> 2 ///设

[安卓] 2、使用2中方法做按钮监听和图片按钮使用

  第一种方法是使用点击监听器来实现(代码中注释掉的部分):这种方法要在初始化的函数中将按钮绑定在点击监听器上(23,24)btn_ok.setOnClickListener(this);.然后处理统一写在抽象函数onClick(View v) 中,并用v == btn_ok来判别是哪一个按钮的点击.(28~34) 第二种方法是使用内部类实现按键监听,具体如下(这个看起来要代码多一点,各个处理是单独的) 1 package com.himi.button;//包路径 2 //import导入类库

在VC中,为图片按钮添加一些功能提示(转)

在VC中,也常常为一些图片按钮添加一些功能提示.下面讲解实现过程:该功能的实现主要是用CToolTipCtrl类.该类在VC  msdn中有详细说明.首先在对话框的头文件中加入初始化语句:public:下,加入:CToolTipCtrl    m_Mytip;然后在初始化对话框函数中加入:m_Mytip.Create(this);  m_Mytip.AddTool( GetDlgItem(IDC_BUTTON), "你想要添加的提示信息" ); //IDC_BUTTON为你要添加提示信

[示例] Firemonkey 图片按钮(3态)

说明:Firemonkey 图片按钮(支持三种状态:MouseOver, MouseDown, MouseUp,可各别指定图片) 原码下载:[示例]TestImageButton_圖片按鈕(3态).zip 运行展示:

Mono自定义图片按钮

首先,我们编写一个MyImageButton类,继承自LinearLayout public class MyPhoneImageButton:LinearLayout { private ImageView mButtonImage = null; private TextView mButtonText = null; public MyPhoneImageButton (Context context) : base (context) { mButtonImage = new Image

Input标签与图片按钮水平对齐解决方法

昨日,小编的朋友就来咨询,说他也遇到了这个问题,并且使用margin.padding等Css语法,都没有解决. 解决方法其实很简单,我们只要加上vertical-align:middle属性就可以了. 来看实例: 提示:您可以先修改部分代码再运行 页面直接摆放一个input文本框与ImageButton图片按钮,但是发现没有对齐: 复制代码 代码如下: <input type="text" id="txtQty" /> <asp:ImageButt