开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >专栏 >绘制可自由伸缩的输入框背景

绘制可自由伸缩的输入框背景

felix

发布于 2018-06-07 15:57:54

发布于 2018-06-07 15:57:54

1.8K0

举报

文章被收录于专栏：Felix的技术分享Felix的技术分享

绘制可自由伸缩的输入框背景

用Photoshop为Android绘制输入框背景图效果：

简单的输入框制作过程

新建图层

快捷键cmd+shift+alt+N

选用圆角矩形工具画出输入框，填充白色

设置图层样式

切图

使用Photoshop插件LayerCraft切图

制成.9.png格式

用系统提供的draw9patch工具。

左、上黑线决定图形的伸缩区域，下、右的黑线决定文字填充的区域。

完成

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2015年04月03日，如有侵权请联系 cloudcommunity@tencent.com 删除

目录

绘制可自由伸缩的输入框背景
- 简单的输入框制作过程
  - 新建图层
  - 选用圆角矩形工具画出输入框，填充白色
  - 设置图层样式
  - 切图
  - 制成.9.png格式
  - 完成