Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序，Get更优阅读体验！
立即前往
文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
首页
学习
活动
专区
圈层
工具
MCP广场
返回腾讯云官网
社区首页 >专栏 >绘制可自由伸缩的输入框背景

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

作者头像
felix
发布于 2018-06-07 07:57:54
发布于 2018-06-07 07:57:54
1.3K0
举报
文章被收录于专栏：Felix的技术分享Felix的技术分享
关联问题
换一批

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

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

简单的输入框制作过程

新建图层

快捷键cmd+shift+alt+N

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

设置图层样式

切图

使用Photoshop插件LayerCraft切图

制成.9.png格式

用系统提供的draw9patch工具。

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

完成

本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2015年04月03日，如有侵权请联系 cloudcommunity@tencent.com 删除
android

本文分享自 作者个人站点/博客 前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ，欢迎热爱写作的你一起参与！

android
评论
登录后参与评论
暂无评论
登录 后参与评论
推荐阅读
编辑精选文章
换一批
万字详解高可用架构设计
1590
Go 开发者必备：Protocol Buffers 入门指南
764
10分钟带你彻底搞懂分布式链路跟踪
419
多租户的 4 种常用方案
952
亿级月活的社交 APP，陌陌如何做到 3 分钟定位故障？
707
60页PPT全解：DeepSeek系列论文技术要点整理
1457
gimp中文版教程_GIMP中文教程.pdf
gifshift
路径(B),油漆桶填充(shift+B),混合填充(L),移动(M),滤镜–>高斯模糊
全栈程序员站长
2022/09/13
2.3K0
5分钟教你制作.9图片
android
之前项目中有用到.9图片，因精力有限，一直没有去尝试着弄过。如今因公司发展问题集体裁员，赋闲在家，便抽空简单地了解了一下.9图片的使用，作文如下，以做积累。
代码咖啡
2018/08/28
3.7K0
5分钟教你制作.9图片
9.png
android
 一、什么是9.png：         可能做过任务栏美化的同学都会知道，我靠，framework-res.apk\res\drawable-hdpi 目录下有非常非常多的XXXXXX.9.png图片。 千万不要以为这个9只是png格式图片的命名区分，其实他是一种特殊的格式，在png图片的基础上动了些手脚，而且这种手脚你会  看不见摸不着（详情见下面具体内容）。         9.png格式的图片是安卓平台上新创的一种被拉伸却不失真的玩意（挺高级的吧），也许有的同学在做美化的时候很喜欢一个图片
xiangzhihong
2018/01/30
1.2K0
9.png
【例说Arm-2D界面设计】任意尺寸的圆角矩形（上）
arm
在上篇文章《【例说Arm-2D界面设计】做剪影风也太简单了8！》中我们介绍了使用透明蒙版的方法来实现“性冷淡风”图标显示的方法。其中，我们提到了使用透明蒙版的三个好处：
GorgonMeducer 傻孩子
2021/11/02
9850
【例说Arm-2D界面设计】任意尺寸的圆角矩形（上）
Flash软件应用项目（二）
shift
方法一，通过舞台，调整背景颜色，我们会发现舞台点出来后会有许多颜色供你选择，有比较灰的，比较深的，比较浅的，比较亮的，但是我们无论填哪一种颜色，最大的共同点就是他们都是纯色，会让整个画布都填充成一个颜色
设计者
2022/12/20
6380
Flash软件应用项目（二）
【素描】照片秒变素描画，主页君带你走进ps素描世界
psshift快捷键
各位童鞋，你是否曾经羡慕过别人的素描呢，而你又没学过素描，是能找别人给你画呢，现在，咱们强大的ps也可以画素描了，大家一起跟我来！（照片来自主页君萌哒哒的爱妃）
一朵灼灼华
2022/08/05
1.7K0
【素描】照片秒变素描画，主页君带你走进ps素描世界
CorelDRAW 2019 软件应用项目（六）
shift工具
今天的案例是一个风景图，从外表看还是挺复杂的，适合初学者，熟练练习钢笔工具后做的应用
设计者
2022/12/20
8380
CorelDRAW 2019 软件应用项目（六）
前端切图-PhotoShop软件使用教程(png+jpg格式图片)
html
部分看了文章的设计师，来找我说怎么切图。sorry？在我的理解，这就是切图啊，但是他们所指的“切图”是，怎么把设计图制作成html页面。
xing.org1^
2018/05/29
1.8K7
photoshop常用图片处理技巧
photoshop工具技巧快捷键
执行菜单命令 文件/新建 可以新建一张图片，设置大小，颜色模式选RGB，网页图片一般选择72像素/英寸，如果图像要打印，可设为300/英寸。背景按情况选透明或白色。
Devops海洋的渔夫
2019/06/02
2.2K0
数学建模番外篇1：PPT绘制3D图形
图像处理
这个专栏本不计划继续更新，掌握零基础必看之数学建模索引中的所有内容，美赛M奖应该唾手可得。但是，再往上，进阶到<1%的F奖和O奖，除了模型与运气，更大程度上依赖于插图的美观程度。有人戏称，美赛是作图大赛。确有其道理，精致、良好的图像不仅能够更清晰准确地表达思想，而且能极大提高审阅人的印象分。 因此，我开设此专栏的番外篇，主要针对论文的画图问题，记录分享相关的经验、技巧，后期会挑一些优秀论文的部分图片来进行复现。
zstar
2022/06/14
2.7K0
数学建模番外篇1：PPT绘制3D图形
CAD快捷键大全
渲染
💖作者简介：大家好，我是泽奀。全栈领域新星创作者🥇  📝个人主页：weixin_52632755的博客_泽奀_CSDN博客 🎉点赞➕评论➕收藏 == 习惯❗❗❗ 目录 ✨常用功能键  ✨常用CTRL，ALT快捷键  ✨尺寸标注  ✨绘图命令 ✨控制键  ✨JOG ✨无规律的个别   ✨方便记忆 常用功能键        F1: 获取帮助 　　F2: 实现作图窗和文本窗口的切换 　　F3: 控制是否实现对象自动捕捉 　　F4: 数字化仪控制 　　F5: 等轴测平面切换 　　F6: 控制状态行上坐标
謓泽
2022/12/12
2.3K0
打造高水平设计的必备利器Ai中文版illustrator-直装永久使用
adobe
Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，很多有插画排版或者矢量插图 工作 需求的小伙伴们会经常和这款软件打交道，但是最近小编发现了这款软件的新功能，就是制作海报，小编相信有很多小伙伴们还不知道吧，那么接下来就看看小编为大家带来的这篇文章学习一下制作方法吧！
木子学Lee
2023/04/08
1.5K0
打造高水平设计的必备利器Ai中文版illustrator-直装永久使用
灵活运用PS切图技巧
命令行工具
话说，以前的前端工程师在入行时都当过切图仔或切图女。曾经，切图作为前端一门基础且必备的技能，不知何时开始已经不再提起。很多面试官在招聘时都忽略了PS的存在，其实在国外一位优秀的前端工程师是包揽设计工作的，PS玩得可溜呢。
JowayYoung
2020/04/01
1K0
灵活运用PS切图技巧
Photoshop 2023 资源免费下载（mac+windows全版本都有，包括最新的2023）
命令行工具
审美时代如果你不会ps是不是说不过去了。现在朋友圈的照骗基本都被ps的照骗充斥着。所以赶紧来一起学习Photoshop这一项技能吧！首先你要安装一个ps
用户7442032
2022/12/20
4.4K0
ps切图必知必会
网站微信
对于前端切图,相信很多小伙伴都不会陌生,但是对于新手,有时却很棘手,想着我本是来写代码的,你给我一张图干嘛的, 有时,或许你总奢望着UI设计师,把所有的图都给你切好,你只管撸码的,然而事实并非如此,有时候呢,设计师给我们的图,也并非是一成不变,往往也需要作一些调整,更改,完美的将UI设计图,进行还原实现产品经理的意图,是前端小伙伴职责所在,那么熟练简单的ps操作,就很重要了,虽然我们不是设计者,但是我们是具体的实现者,实现从0到1的过程,至于前端ps操作,绝大多数工作是简单的切图(抠图),测量,图片简单的处理,将图片利用web技术进行填充布局实现静态页面展现就可以了,至于,ps软件,我也只是停留在简单的使用,有时候,在一些群里,看到一些小伙伴,对于切图,有些畏惧,打开ps软件,无从下手,有时候呢,即使自己曾今,ps技术玩的很溜,但是只要一段时间没有去接触,就会很陌生,一些习以为常的技巧,忘得一干二净,非常苦恼,您将在本篇学会一些常用的奇淫绝技,完全可以胜任ps切图工作,今天,就我的学习和使用,跟大家分享一下自己的学习心得,如果你已经是老司机了,可以直接忽略,欢迎路过的老师,多提意见和指正
itclanCoder
2020/10/28
3.1K0
ps切图必知必会
PS如何制作圆角矩形Logo
faviconphotoshopps
访问了很多个人网站都使用了圆角矩形Logo和favicon图标，挺好看的很喜欢这种风格，应该如何设计呢？站长在此跟大家分享下如何通过Photoshop设计圆角矩形Logo
用户1094633
2022/02/14
2.1K0
CAD操作大全
云直播
AutoCAD 是目前世界各国工程设计人员的首选设计软件，简便易学、精确无误是AutoCAD成功的两个重要原因。AutoCAD提供的命令有很多，绘图时最常用的命令只有其中的百分之二十。
用户7505898
2020/09/18
3.8K0
CAD操作大全
关于前端的photoshop初探的学习笔记
图像处理
写在前边 这还是高三的时候暑假的时候学习这个软件时记的笔记呢，今天又在电脑上找到了它，总觉得不应该让他尘封在我的硬盘上，于是挂了出来。 温馨提示：比较乱，写给自己看的，看不下去，按ctrl+W 笔记内容 ps简介 可以用于合成。 可以三维 adobe bridge图像浏览器 可以直接将图片拖动到ps的编辑系统中。。但是是出于临时文件状态，还需要对他进行保存。。 网站上某些图片不能够拉动，但是可以利用截图功能来实现。。 两张图片同时拉倒一个文件中构成两个不同的图层。。打开文件的几种方法。。 ps数
Angel_Kitty
2018/04/09
2.4K0
PS给照片换背景的小技巧[易学易用]
ps
怎样把照片底色由红变白 用PS里面的魔棒的工具选取。羽化为2.。然后然后按Shift+f7 反选。然后按shift+j 复制一个图层。点背景颜色。把后背景改为蓝色，然后alt+Delete键，后面就是蓝色的背景， 不过像头发那边一定有点红的，你可以用套索工具将头发边的红色可以画起来，羽化为10差不多。然后去色，ctrl+u是去色，这样就可以。 1.将照片打开，应用工具箱中的多边形套索工具（位置是界面左侧工具栏左边第二个按钮）将人物的轮廓边缘完整地勾画出来，形成一个封闭的浮动选区，注意勾画时要紧贴人物的边缘
Vicsh
2018/05/16
3.3K0
一分钟绘制磷脂双分子层：AI零基础入门和基本图形绘制
其他
Adobe illustrator是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，是一款非常好的图片处理工具，简称AI。
生信宝典
2018/10/25
7.7K0
一分钟绘制磷脂双分子层：AI零基础入门和基本图形绘制
推荐阅读
编辑精选文章
万字详解高可用架构设计Go 开发者必备：Protocol Buffers 入门指南10分钟带你彻底搞懂分布式链路跟踪
相关讨论
mipmap可绘制的图标？什么是弹性伸缩？弹性伸缩，镜像服务器代码更新后，伸缩的机器会同步更新吗？
相关课程
轻量应用构建训练营AI驱动的TDSQL-Cserverless实战营C/Python
gimp中文版教程_GIMP中文教程.pdf
2.3K0
5分钟教你制作.9图片
3.7K0
9.png
1.2K0
【例说Arm-2D界面设计】任意尺寸的圆角矩形（上）
9850
Flash软件应用项目（二）
6380
【素描】照片秒变素描画，主页君带你走进ps素描世界
1.7K0
CorelDRAW 2019 软件应用项目（六）
8380
前端切图-PhotoShop软件使用教程(png+jpg格式图片)
1.8K7
photoshop常用图片处理技巧
2.2K0
数学建模番外篇1：PPT绘制3D图形
2.7K0
CAD快捷键大全
2.3K0
打造高水平设计的必备利器Ai中文版illustrator-直装永久使用
1.5K0
灵活运用PS切图技巧
1K0
Photoshop 2023 资源免费下载（mac+windows全版本都有，包括最新的2023）
4.4K0
ps切图必知必会
3.1K0
PS如何制作圆角矩形Logo
2.1K0
CAD操作大全
3.8K0
关于前端的photoshop初探的学习笔记
2.4K0
PS给照片换背景的小技巧[易学易用]
3.3K0
一分钟绘制磷脂双分子层：AI零基础入门和基本图形绘制
7.7K0
相关推荐
gimp中文版教程_GIMP中文教程.pdf
更多 >
felix0
LV.1
这个人很懒，什么都没有留下～
文章
43
获赞
221
专栏
1
作者相关精选
换一批
加入讨论
的问答专区 >
大Hero0
相关课程
一站式学习中心 >
轻量应用构建训练营
2893人在学
云服务器
轻量应用服务器
云计算
云开发微搭低代码平台-一人构建企业级应用实战训练营
1880人在学
腾讯云微搭低代码
云开发
C/Python
756人在学
c 语言
python
领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号 | 京公网安备号11010802020287

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档

Copyright © 2013 - 2025 Tencent Cloud.

All Rights Reserved. 腾讯云 版权所有

登录 后参与评论
6