美工如何提供按钮图片给开发者

此篇文章写给可爱的美工们,希望能提供我们开发者易用规范的素材,好两三下就能用上,来制作漂亮的 iOS 按钮。

一般按钮有三个状态,

正常(normal)的状态,按钮大小请忽略,

实现这个效果,需要提供按钮图片,字体颜色,像这样的图片,50*50。

为什么是 50*50呢,而不是100*50,宽更长一些呢?因为图片的伸缩可以用代码来控制,提供正方形的就好。另外,四个角落需要是透明的,而不是白色的。

失效无法点击(disabled)的状态,

需要提供图片,

按钮的点击时的状态。为了有个点击效果,所以按钮背景需要改变,

像这样,比较深颜色一点。则需要提供图片,

所以,一个登录按钮,需要这三张图片,

同时注意一下命名,“ButtonNameNormal”,“ButtonNameDisable”,“ButtonNameHighlight” 。如果这个按钮只出现一个界面,还需要加上界面前缀,比如 ProfileSettingBtnNormal,来表示个人主页的设置按钮正常状态下的图片。

再来看一组图片,红色按钮所需的图片,

如果按钮并没有无法点击的状态,上面的登录按钮在没有输入密码的时候可以为无法点击的状态,有些按钮永远是可以点击的,那么只需要提供两个图片就行了。

更多的请看,

按钮图片也不用每张都自己制作,市面上的App的图片素材我们都是可以轻易得到的,见我之前写的一篇文章《如何得到
iOS 应用的图片素材》

类似提供易用规范的素材时,开发者会爱死你!

时间: 2024-10-12 19:59:51

美工如何提供按钮图片给开发者的相关文章

FileUpload控件实现单按钮图片自动上传并带预览显示

FileUpload控件实现单按钮图片自动上传并带预览显示 1.实现原理: FileUpload控件默认不支持服务端的ONCHANGE事件,此时用一种变通的方法借用客户端的onchange事件,调用__doPostBack方法来用LinkButton的OnClick事件模拟一个事件触发的过程,可以在LinkButton的OnClick事件中进行图片的上传,和预览加载. 2.关键代码:      页面代码: 1 <asp:FileUpload ID="fuPhoto" onchan

android控件布局 ToggleButton按钮 图片和文字

ToggleButton控件具有checked属性对于要切换状态的功能按钮来说十分好用 这里以phone的开启DTMFTwelveKeyDialer的按钮为例 展示其效果和布局 activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" andro

ImageButton动态改变按钮图片

在drawable 目录下增加一个myselector.xml文件,appwidget_play.png,appwidget_played.png myselector.xml文件中内容如下 <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item

解决SWFUpload的按钮图片加载慢的问题

使用SWFUpload时如果参数设置了button_image_url这一项,就会自动生成这个图片在button_placeholder_id的位置,但是实际运用中如果SWFUpload是实时加载的(比如弹出框,脚本动态加载的HTML等),就会明显的看出SWFUpload的按钮图片有一个延时. 首先我想当然地以为是SWFUpload在flash加载完时才把图片显示到浏览器上,导致了这个延时,于是我在SWFUpload的swfupload_loaded_handler里处理我的事件,发现依然有延时

NGUI使用3——制作图集&amp;自定义按钮&amp;切换按钮图片

1,准备素材新建一个文件夹,命名为UITexture. 2,创建Atlas在Project面板中,进入UITexture 文件夹,选中这两张图片,然后 右键-->[NGUI]-->[Atlas Maker],之后你会看到 Atlas Maker 的界面:在 Atlas Maker 界面中,点击[Create]按钮. 之后给这个Atlas 起名为MyAtlas.prefab,点击[保存]. 3,预览Atlas和Sprite保存之后,这个新的Atlas 就创建好了.可以点击一下[View Spri

Android4.0音乐播放器appwidget新增重复播放按钮图片如何于主应用同步更新

============问题描述============ 在appwidget上添加重复播放ImageButton,该button有不重复播放.重复播放当前歌曲.重复播放所有歌曲,分别对于不同图片(源代码只有艺术家.专辑.播放暂停,下一首按钮). 在appwidget点击播放按钮后,主应用activity会相应变化过来,但在主应用上点击它的重复播放ImageButton,appwidget上的重复播放当前歌曲没有变化过来,而重复播放所有歌曲要播放到下一首歌曲才更新.不能立即更新.分别在appwi

Android ImageButton单击切换按钮图片效果

正常状态的效果: 按钮按下的效果图片: 一.在java中为图片按钮增加触摸监听的函数来实现图片切换,代码如下: ImageButton btn = (ImageButton)findViewById(R.id.imageButton1); btn.setOnTouchListener(new View.OnTouchListener(){ public boolean onTouch(View v, MotionEvent event) { if(event.getAction() == Mot

MFC用代码添加对话框背景图片和按钮图片

运行环境:VS2013 一.添加对话框背景图片 ①插入位图,把生成的空白位图进行替换(xxx.bmp图片的名称和格式与生成的空白位图保持一致) ②查看属性,得到位图ID ③编写代码: void CMFC_8Dlg::OnPaint() { if (IsIconic()) { .... } else { //CDialogEx::OnPaint(); CPaintDC dc(this); CRect rect; GetClientRect(&rect); CDC dcMem; dcMem.Crea

android actionBar searview改变默认搜索按钮图片

做搜索图片时发现searchView系统显示默认的搜索按钮只是一个小箭头,样子很丑,想改变这个图标.于是就在stackoverflow这个网站找到了答案,直接上代码: @Override public void onCreateOptionsMenu(Menu menu, MenuInflater inflater) { inflater.inflate(R.menu.event_history, menu); MenuItem search = menu.findItem(R.id.searc