一、说明 1、一般在录入界面做验证提醒都是弹出messagebox,但是美观和体验都不好,所以想到了这个。网上有很多例子,但是作为小白,想自己写一下,加深理解。 2、没有做成自定义控件,只是简单的实现了一下原理,可以继续完善。 二、效果 三、实现 实现原理:首先提示用到画图:提示框为一个三角形+圆角 ...
分类:
其他好文 时间:
2020-02-29 13:05:50
阅读次数:
76
最近,项目中遇到这样的问题。 要给这个tab的底部蓝线左右加上圆角。 然而,这个元素确实如上图所示,只是active的时候加了个underline的类,蓝线并没有单独的html。 若给这个span加上border-bottom-left-radius和border-bottom-right-radi ...
分类:
Web程序 时间:
2020-02-24 18:16:54
阅读次数:
104
一、圆角边框 border-radius属性用于设置元素的外边框圆角。 radius半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果。 二、盒子阴影 box-shadow:H-shadow v-shadow blur spread color insert 三、文字阴影 text-shadow ...
分类:
其他好文 时间:
2020-02-20 15:30:48
阅读次数:
101
如何实现下面这个渐变的边框效果: 这个问题本身不难,实现的方法也有一些,主要是有一些细节需要注意。 border-image border-image 是 CSS 规范 CSS Backgrounds and Borders Module Level 3 (最新一版的关于 background 和 ...
分类:
其他好文 时间:
2020-02-20 11:40:47
阅读次数:
78
多态 有时一个对象会有多种表现形式,比如网站页面有个button按钮, 这个button的设计可以不一样(单选框、多选框、圆角的点击按钮、直角的点击按钮等),尽管长的不一样,但它们都有一个共同调用方式,就是onClick()方法。我们直要在页面上一点击就会触发这个方法。点完后有的按钮会变成选中状态、 ...
分类:
编程语言 时间:
2020-02-18 18:05:25
阅读次数:
62
如何实现下面这个渐变的边框效果: 这个问题本身不难,实现的方法也有一些,主要是有一些细节需要注意。 border-image border-image 是 CSS 规范 CSS Backgrounds and Borders Module Level 3 (最新一版的关于 background 和 ...
分类:
其他好文 时间:
2020-02-17 16:07:51
阅读次数:
66
?前言 通过学习 drawable resource file,我学会了如何使 button 更加美观; 圆角,按压颜色变化,渐变色.......... 这次,记录一下如何在点击按钮的时候实现颜色跳转。 ?步骤 首先,在 activity_main.xml 中创建一个 Button 组件,并设置其 ...
分类:
其他好文 时间:
2020-02-16 20:18:41
阅读次数:
81
实现这样的卡片 上节课我们创建了 _TravelItem。一个TravelItem就代表了一个卡片。 卡片可以点击跳转到详情页面 所以最外层我们放一个手势的检测器 满足这种情况,我们才让他跳转到详情页 实现卡片的布局 带有圆角底部阴影的卡片 裁切效果 封装一个ItemImage生成上面的图片 底部是 ...
分类:
其他好文 时间:
2020-02-15 13:47:12
阅读次数:
90
文字需要设置成单行显示,这样才不会换行 设置文字显示的形式,和样式 运行测试看效果 实现图片下的描述信息 底部放一个方法 _infoText用来封装最下面的左右布局 希望最左边和最右边,中间是空白的 左边头像圆角,用PhysicalModel。裁切的行为clipBehavior 图片的直径要是裁切的 ...
分类:
其他好文 时间:
2020-02-15 13:34:13
阅读次数:
57
咖啡店案例效果图 (一)页面的布局 1. 最上方的header:右下角是四个小图标,像图层一样附加在当前的header部分上。 2. 超链接构成的导航栏,鼠标悬浮的时候字体颜色发生变化。 3. 主体分为左右两栏:边栏 和右侧的主要内容。边栏有一个table ,table下方是图片(圆角阴影),还有倾 ...
分类:
Web程序 时间:
2020-02-10 13:55:15
阅读次数:
128