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

最新推荐文章于 2023-05-26 08:00:00 发布
最新推荐文章于 2023-05-26 08:00:00 发布
阅读量1.1k 收藏
点赞数
分类专栏： Android ui 文章标签： UI android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u012455213/article/details/44858417
版权
Android 同时被 2 个专栏收录
16 篇文章 0 订阅
订阅专栏
ui
6 篇文章 0 订阅
订阅专栏

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

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

简单的输入框制作过程

新建图层

快捷键cmd+shift+alt+N

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

设置图层样式

切图

使用Photoshop插件LayerCraft切图

制成.9.png格式

用系统提供的draw9patch工具。

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

完成

Felixabcd
关注
专栏目录
android搜索框点击上移动画,顶部动态伸缩搜索框的简单实现
weixin_34487308的博客
05-25 1075
项目上需要一个点击输入框，然后输入框拉长的需求，自己参考了别人的两个案例简单地实现了一下，作为一个新人开发来说，思路很简单，但是也是相当花时间。本人开发时间不足一年，所以写的代码可能有点烂，如有何处处理不当或者错误的地方请直说。太年轻走了太多弯路。之后也有遇到更好的方案，但也没更新这篇文。直接使用ObjectAnimator对view进行控制，不需要啰里啰唆这么多代码。ObjectAnimator...
Android可收缩/扩展的TextView（CollapsibleTextView）
蒙的博客
06-21 2059
前言：在某些应用中，总会遇到一些类似于公告、简介、说明等长文本的TextView，但是为了排版美观等因素，我们通常是要隐藏后半部的文本，而是显示三四行的开始部分（摘要），然后在尾部会提供用户一个扩展/收缩的按钮，使得文本框可以在需要的时候扩展开来查看全文。 前段时间我们的项目也需要这样的效果，就借鉴了一下网上的文章原理并做了算法优化和逻辑修改，自己实现了一个复用性还算可以的可收缩/扩展的Text...
css3+贝塞尔曲线实现可伸缩input搜索框效果
01-22
话不多说，上效果图。 核心代码就是 transition: cubic-bezier(0.68, -0.55, 0.27, 1.55) all 1s; 通过 transition 属性的 cubic-bezier（贝塞尔曲线） 在过渡效果上加了个缓冲效果。 html代码部分主要模块就是一个input 外加一个 父级 div  div宽度需要大于input宽度 不加 cubic-bezier 可以实现这个效果  transition: all 1s;   就是过渡效果少了个缓冲效果 我们这里使用到的运动曲线是 最后奉上完整代码 <!DOCTYPE html> <html lang=en
仿思否可伸缩input搜索框
alexis7的博客
03-22 390
手写带有伸缩效果的input输入框 最近在逛思否的时候，看到思否的搜索输入框伸缩动画挺有趣的，希望可以用在自己写的网站中 我的第一反应是思否用的什么组件库，比如element，layUI，viewUI，Bootstrap什么的，但是找了这几家网站都没有找到带有伸缩动画的input输入框，实在没办法了，只能自己写一个，直接源码附上： <!DOCTYPE html> <html lang='en'> <head> <meta charset='UTF-8'&gt
input输入框默认背景
坚持原创
07-22 589
在chrome浏览器自动输入时，input就会有背景，字体大小和颜色都会变化，怎么解决？ input:-webkit-autofill { transition: background-color 2000s; } input { -webkit-text-fill-color: #fff; caret-color:#fff; }
JS实现可自动伸缩高度的textarea文本框
qq_39165107的博客
03-07 317
var autoTextarea = function (elem, extra, maxHeight) { extra = extra || 0; var isFirefox = !!document.getBoxObjectFor || 'mozInnerScreenX' in window, isOpera = !!window.opera && !!window.opera.toString().indexOf('Opera'), addEvent = fun
输入框背景文字提示
01-18
这个是一个表单的背景文字提示，比如常见的注册表单，登录表单，输入框背景上有一行文字提示，已经写了注释，很容易看懂。
Qt on Android可伸缩界面
01-06
6. **QtQuick.Controls模块**：QtQuick.Controls提供了许多可伸缩的UI组件，如按钮、标签、输入框等。这些组件已经优化过，能在不同屏幕尺寸上保持良好的显示效果。 7. **自定义组件**：对于复杂的界面元素，可能...
ComboBox显示图片及下拉框根据字符串长度动态伸缩
11-26
它结合了文本输入框和下拉列表的功能，使得用户可以在已有的选项中选择或者自行输入。本话题聚焦于如何在ComboBox中实现显示图片，并且让下拉框的宽度根据字符串长度动态伸缩，以提供更友好的用户体验。 首先，我们...
Flutter 笔记 | Flutter 可滚动组件
川峰的博客
05-26 4312
Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚动组件，Flutter可滚
html5 css3为移动设备设计的可自由伸缩的搜索框代
12-13
这是一个为移动设备设计的可自由伸缩的html5搜索框代码，使用css3 transition属性和少量的javascript完成。
消除输入框的背景色
LzzMandy的博客
11-18 1836
1、出现场景： 在浏览器记住密码自动填充后，会出现这个蓝色背景，如下所示： 2、解决方式： 给input组件加一个box-shadow属性，设置内置阴影！值要大于你的input高度才能完全覆盖住 以下是使用uniapp框架的代码，如下： <view class="login-info"> <view class="item"> <input class="clear-bg" name="username" type="text" p.
android自定义伸缩框（展开效果）
07-01 4893
</pre>在android中往往在很多时候用到伸缩框也就是展开效果，或者说是折叠效果，当然在Android中系统也有个类似QQ好友的方式的View “ExpandableListView”它的用法也很简单先看看效果<p></p><p style="text-align:center"><img src="https://img-b...
Android 伸缩搜索框
qq_42785994的博客
01-25 1322
1.首先写入布局 &lt;?xml version="1.0" encoding="utf-8"?&gt; &lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns...
android搜索框缩放,Android 伸缩搜索框
weixin_33461476的博客
05-30 535
1.首先写入布局2.背景设置3.主页面代码public class MainActivity extends AppCompatActivity implements View.OnClickListener {private ImageView search_image;private EditText search_edname;private TextView search_textNam...
android 编辑框收缩,Android实现可收缩和扩展的TextView
weixin_33924571的博客
05-26 141
在Android原生的TextView的基础上，可收缩/扩展的TextView：PhilExpandableTextView。实现原理：核心是控制TextView的max lines。在TextView的初始化阶段但尚未绘制出View的时候，使用ViewTreeObserver，监听onPreDraw事件，获取TextView正常显示需要显示的总行数，但只给TextView设置最大运行的行数(小于...
android点击将页面缩小到,彻底完美解决安卓苹果手机点击输入框网页页面自动放大缩小...
weixin_32816613的博客
05-26 605
为了方便用户的查看浏览器在移动默认设置用户可以放大或者缩小，但是随着前端届的日新月异的变化，反而随意放大缩小成了我们需要解决的问题；安卓手机解决方案：//以下为注释//在移动浏览器上页面渲染是在一个叫viewport的页面绘制区域内。//设置layout viewport 的宽度，为一个正整数，使用字符串”width-device”表示设备宽度content="width=device-width...
关于input输入框自动填充密码后，出现背景颜色的问题解决
冰魂魄的博客
04-11 2179
inpuy自动填充密码时，点击密码会出现一个淡色的背景颜色
android项目，绘制一个文本输入框EditText
最新发布
09-13
在Android项目中，要绘制一个文本输入框（EditText），首先需要在布局XML文件中添加`<EditText>`控件。这是一个简单的步骤： 1. 打开你的`activity_main.xml`或其他合适的布局文件。 2. 编写`<EditText>`标签，例如...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值