axure输入框圆角

2024-11-09

使用Axure RP原型设计实践08,制作圆角文本框

本篇体验做一个简单圆角文本框,做到3个效果: 1.初始状态,圆角文本框有淡淡的背景色,边框的颜色为浅灰色2.点击圆角文本框,让其获取焦点,边框变成蓝色,背景色变成白色3.圆角文本框失去焦点,边框变成红色,背景色变成白色从组成上分析,圆角文本框实际是由里层的Text Field和外层的Rectangle组成. 对于第一个状态,给Rectangle设置背景色和边框色,并且让Text Field失去边框,并让其隐藏起来. 对于第二个状态,是由Rectangle的的点击事件触发,显示Text Fiel

使用appframework前端框架中输入框圆角问题

目前使用HTML5技术来开发手机跨平台app已经成为了曾经的web开发人员介入移动开发的一条捷径.与此对应也出现了很多新的技术来支撑这样的开发方式,例如国外的phonegap和国内的APPcan等.很多移动端的前端UI框架也层出不穷,其原理都是大同小异,无非都是提供了一些常用的UI组件及其使用demo和js/ajax的API等.其实相对于原生开发,HTML5技术虽然开发成本和周期较小,但是效率上还是有很大差别的.所以选择前端框架就非常重要,如果框架太过于重量级,那么在手机上的表现将是灾难(实际上

[原创]最近使用React-Native的适配问题和警告搜集

主要记录一下最近使用RN 0.29.2版本遇到的适配的坑以及部分警告的解法. 适配类: 安卓输入框圆角.边框颜色.粗细等无法设置成功,需要在TextInput外面新增一个View设置圆角,TextInput本身设置背景透明可以解决. lineHeight样式在安卓上不能为小数,否则崩溃. TextInput的editable属性设置之后即便为true,iOS的清空按钮也不能点.workaround:不设置editable,通过不更新state来限制输入. Text的numberOfLines设为

bootstrap--小李子demo

最近忙啊...看到各位冬鞋都在认真写博客,认真敲代码,认真工作,总觉得自己时间太少,总觉得时间不够,老了...... 进正题: 上次不知从哪里(忘了)下载了bootstrap的一些使用小demo,以后要用,就不用去官网(http://v3.bootcss.com/)查,当然小李子里面查不到,再去官网查也好,好东西要分享: css跟js,不用自己写.按照如下建立目录即可: <link rel="stylesheet" type="text/css" href=&

Bootstrap3学习笔记

Bootstrap3简单介绍----专题1 声明:本文章是给初学bootstrap3的同学添加记忆的, 一定有非常多欠缺和不完好的地方, 希望能帮助到大家, 也希望能让很多其它的人了解boostrap并用在自己的项目中. 本文章的全部代码请大家在最新的浏览器里执行试验 Bootstrap是Twitter推出的一个开源的用于前端开发的工具包.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发.是一个CSS/HTML框架. Bootstrap提供了优雅的HTML和CS

web h5常用代码总结

注意:本文原创,转载请说明出处 1.使图片和文字水平居中,给图片css样式:vertical-align: middle;vertical-align:middle的时候,是该元素的中心对齐周围元素的中心. 2.给一个div透明背景,给div添加css: opacity:0.7; filter:alpha(opacity=70); 3.兼容各个浏览器,添加css样式:filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5;

移动端h5页面的那些坑

最近一直在写移动端页面,由于之前写移动端写的比较少,所以此次踩过许多坑.特此总结一下: 1.<input type='button'>背景色在ios中的兼容性,颜色发白解决办法:在全局样式中加入以下代码: input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 2.在vue中使用jquery weui中的地区选择器时,通过点击

textarea显示默认值

点击不显示默认值,鼠标离开如果没有内容就显示默认值,如果有内容就显示内容. <textarea class="area" onfocus="if(value=='请输入具体内容'){value=''}" onblur="if (value ==''){value='请输入具体内容'}">请输入具体内容</textarea> 输入框圆角样式: border-radius: 10px; select 二级菜单选项: <s

Java-JFrame可视化开发

Java-JFrame可视化开发的一般步骤 JFrame可以做出类似于QQ登录功能的窗体,通过JFrame可以利用Java代码实现窗体功能,一般用于CS项目的C(客户端)的开发: 利用JFrame可以自己写java代码,也可以通过在eclipse中安装windowbuilder插件,这样可以利用windowbuilder插件对窗体进行可视化的快速创建.操作等,快速实现编程的开发: 通过eclipse利用windowbuilder插件对JFrame窗体进行可视化开发的一般步骤如下: 一.在ecli

如何高效的阅读uni-app框架？（建议收藏）

作者 | Jeskson来源 | 达达前端小酒馆 uni-app的框架,配置:page.json,manifest.json,package.json,vue.config.js.脚本,应用程序,main.js.日志打印,定时器,生命周期,页面,页面通讯. pages.json文件时用来对uni-app进行全局配置的,它是用来写页面文件的路径,窗口样式,底部的tabbar等,类似于小程序中的app.json的页面管理.这里注意的是定位,在小程序中是在app.json的,而在uni-app中式在m

JFrame windowbuiler的使用基础

一.通过windowbuilder创建java项目: New --Other--windowbuilder--SWT Designer --SWT/JFace Java Project 二.创建文件点击Design 三.通过可视化的java实体类和在实体类中编写java代码实现JFrame窗体的开发工作:在窗体中添加不同功能块.美化窗体.添加各种事件等实现JFrame窗体的开发,具体操作见下面中的一般功能: 四.通过eclipse利用windowbuilder插件开发窗体JFrame用到的一般

UIsearchBar 自定义样式

对于修改输入框圆角的需求, 可以通过修改搜索框背景图片的方式设置. - (void)setSearchFieldBackgroundImage:(nullable UIImage *)backgroundImage forState:(UIControlState)state iOS13 通过kvc 获取不到 textField UITextField * searchField = [searchBar vt_objectValueForKey:@"_searchField"];

为input输入框添加圆角并去除阴影

<input type="text" name="bianhao" value="" placeholder="请输入商品编号" maxlength="10" size="10" style="width:105px; margin:0px 0px 0px 12px;height:22px;border-radius:4px;border:1px solid #DBDBD

CSS圆角，输入框提示信息，JS查找同级元素

input { /*设置边框*/ border:1px solid #95B8E7; border-radius: 5px; /*设置圆角,IE不兼容*/ height:18px } placeholder="在此输入...“ 这个是输入框的属性设置一下就可以 ("#txt_begEND_DATE").siblings('span').eq(0) JS:找到当前元素的同级元素的第一个

WPF 圆角输入框

今天打算来做一个圆角的输入框默认输入框: 这个输入框不好看,并且在XP 跟 WIN 7 WIN10 效果都不太一样我们今天不用模板的方式,而是最简单的方式来实现圆角输入框: ----------------------------------------------------方案1:XAML 拼凑方案---------------------------------------------------- <Border HorizontalAlignment="Cente

Bootstrap3基础 form-control 圆角的输入框，光标放入后边框变色

内容参数 OS Windows 10 x64 browser Firefox 65.0.2 framework Bootstrap 3.3.7 editor Visual Studio Code 1.32.1 typesetting Markdown code <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="U

css输入框的圆角

转载:http://jingyan.baidu.com/article/73c3ce28f0b38fe50343d926.html 1.原理是四张圆角的图片放在四个角上,就是圆角矩形的四个角,但这种方法只适合当做菜单栏背景,或是相框背景,输入框的圆角不适合用,当然,这种方法对图片要求比较高!!如果你切图很好的话,这种方法可以用在一切圆角矩形上,缺点很明显,即使图片可以重复利用,也需要大量图片. 优点:图片可以自适应,技术简单,只做网站主页的话,图片就可以大量重复利用,效果相当不错. ====

Swingr的JTextField、JPasswordField设置圆角输入框

方法1:定义Border,然后给JTextField设置即可摘自并整理:https://blog.csdn.net/u012093968/article/details/39316679 最好添加这句话g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON)告诉绘制API我们需要平滑一点, 否则绘制出来会有很多锯齿哟. package com.xxx.xxx.xxx; imp

Axure RP 8 实现圆角文本框圆角带筛选的下拉列表框可自动显示滚动条

刚开始用Axure 会发现 Axure 元件库并不是很齐全,很多元件需要自己想办法解决或者去网上去找.其实个人建议网上有现成的元件可以就下载就不必花时间去折腾.除非你也想练练手,原型这种东西除非高保真的,也没必要画得那么逼真,能加说明说清楚就直接加说明,或者加便利贴都可以的.最终目的都是保证产品生产出来是用户真正想要的就行. 刚开始画原型发现文本框好生硬,完完全全的四边型,显得原型看起来不是很专业(其实没几个人会去在意你原型文本框是圆角还是直角).好啰嗦,直接正题. 元件库下载地址:http

Android 之 Shape (圆角输入框)

1 简介本文主要介绍通过 shape 来设置 EditText 的圆角. 2 shape 的设置 shape_life_search.xml 放在 res/drawable 文件夹内 <?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 角

axure输入框圆角

热门专题