首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

界面无小事(九): 做个好看伸缩头部

github传送门 前言 之前也是写了RecyclerView内容, 这次再补充伸缩头部实现. 港真, 伸缩头部是那种看到第一眼就会爱上视图效果, 好看又简洁....也就是说, pin模式下, 下面的滚动视图和图片是同步滑动, 但是这样观感其实不好. parallax则改进了这一点, 看起来很和谐, 尽管两者不再同步, 这就是翻译后说以视差方式滚动了. -...这通常被称为“快速返回”模式. enterAlwaysCollapsed 'enterAlways'另一个标志, 它修改返回视图, 最初只回滚到它折叠高度....一旦滚动视图到达其滚动范围末尾, 该视图其余部分将滚动到视图中. 折叠高度由视图最小高度定义....效果图 相比于之前, 最大变化在于对滚动幅度监听. 依据滚动幅度变化Toolbar内容. 布局文件 先来看下主布局文件变化, Toolbar包含了两个布局文件, 相互切换.

95320
您找到你想要的搜索结果了吗?
是的
没有找到

amp模板展示amp网站也可以做得很好看

ytkah比较喜欢研究一些新东西,AMP刚出来时候就上手了,也做了一些站点,而且还不赖,因为这个还机缘巧合参加了深圳谷歌全球合作伙伴大会,很多大牛也都来了,很荣幸能和他们一起交流。...下面就稍微展示一下amp模板吧   amp模板一般都做成手机自适应,能做成PC端站点效果比较少,做得漂亮就更少了 ?   ...这个是头部和幻灯,很多国内老板都喜欢幻灯切换效果,精致图片加切换效果,一个字:高大上!不对,是三个字,哈哈哈 ?   ...这个是amp产品列表模块,鼠标移动到图片上面会显示具体文字,光标移出文字就消失,干净清爽 ?   这个一个amp产品卖点模板,上方图片,下方是卖点文字,图文并茂,国外访客很喜欢 ?

1.2K30

又一个VB.NET制作好看登录界面

[这是大佬WPF做效果] 大佬文章,有兴趣自行去研究 沙漠尽头狼,公众号:dotNET跨平台WPF|一个比较简单带点设计登录界面 ---- ---- [这是我用VB.NET WinForm....Net Framework4.8 则添加(net48),要添加 .Net Framework4.5.2 则添加(net452)等,中间使用分号(;)隔开即可 ---- 界面比较简单,就简单介绍一下制作过程...: 因为winform,不像WPF可以方便制作各种图形,所以第一步我们要做就是界面的背景图,这里我用是PPT做了一张背景图 把WinForm窗口属性调成无边框窗口 把背景图添加到窗体背景图属性上...有需要可以根据大佬文章制作!! 案例体验: 链接: https://pan.baidu.com/s/1e862ii5BFwhnBi7P6xaAyA?...pwd=ke6q 提取码: ke6q 复制这段内容后打开百度网盘手机App,操作更方便哦 --来自百度网盘超级会员v6分享

1.4K20

windows11界面也太好看了吧!

其实早在6月7日,windows11相关界面截图已经从实验室泄露出来,紧接着就是测试镜像泄露、壁纸泄露,在现在信息化高速发展今天,一旦泄露,那么传播速度可想而知。...到今天为止,微软官方也没有宣布这个操作系统正式名称,但是从最近泄露出来信息以及上图画报阴影来看,名字应该就是window11,不过也不能特别肯定。...3、VMware导入windows11镜像 首先打开VMware15,点击创建新虚拟机 VMware版本不一定是15,我是去年安装,大家可能版本和我不一样,但是安装步骤基本一致 [1623982993815...安装来源选择稍后安装操作系统,进入下一步: [1623983228693-image.png] 版本这里就选择windows10即可 [1623983260269-image.png] 下一步进入固件类型界面...选择16g,不要超过最大内存推荐即可 [1623983392868-image.png] 下一步,进入网络类型选择 [1623983409655-image.png] 下一步进入,进入已准备好创建虚拟机界面

5.9K10

界面无小事(六):来做个好看得侧拉菜单!

虽然现在手机越来越大, 但也不至于说直接把侧拉菜单全部展示出来, 因为很多时候, 它没有展示必要....DrawerLayout中塞进了三个布局, android:layout_gravity="end"代表右侧拉布局, android:layout_gravity="start"代表左侧拉布局, 没写代表主界面布局...mDlMain.openDrawer(GravityCompat.END); break; } return true; } fragment 仔细观察同学会发现点击左侧菜单第一个和第二个按钮会切换主界面字符串颜色...这里要说是菜单部分, 将两个按钮设置成单选条目组, 就和单选按钮组是一样了....从效果图来看, 还是很不错. 圆形图片 最后 这次很简单, 就是融合了之前内容, 并把google提供侧拉面板和菜单面板使用学会, 感谢google, 自己实现就可麻烦了.

67420

Windows Xming + Xshell 实现远程 linux gui 界面本地展示

Windows 远程登录服务器后,由于是使用终端远程登录,并且远程服务器没有图形界面,显示图像很不方便。本文记录使用 Xming +Xshell 6 实现远程打开Linux界面的方法。...基本环境 本地电脑系统:window10 远程服务器系统:Ubuntu16.04 实现思路 服务器没有图形界面,但是相应显示信息事实上是可以生成,需要使用X11将该显示转发到其他可以显示计算机...X client (即 X 应用程序) 则主要负责事件处理(即程序逻辑)。...最后,X server 就响应 X client 请求,在鼠标点击位置,绘制并显示出一个圆。...apt-get install x11-apps # 或 yum install xorg-x11-apps* 运行 xclock 安装 xterm apt-get install xterm 显示上述界面说明图形界面转发成功

3.6K30

初识Jsp,JavaBean,Servlet以及一个简单mvc模式登录界面

1:JSP JSP基本语法: 指令标识page,include,taglib; page指令标识常用属性包含Language用来定义要使用脚本语言;contentType定义JSP字符编码和页面响应...="要包含文件">  动态包含,先编译处理,后包含; 脚本标识包含:jsp表达式,声明标识,脚本程序 jsp表达式在里面输出一个变量或者一个具体内容 声明标识在里面定义全局变量,方法,类 脚本程序在里面定义局部变量,编写语句 jsp注释 <!...2: Javabean 组件引入 JavaBean 是使用 Java 语言开发一个可重用组件,在 JSP 开发中可以使用 JavaBean 减少重复代码,使整个 JSP 代码开发更简洁。... 11 12 13 登录界面

2.3K60

小程序提升界面使用体验 丰富了内容展示组件

昨晚,微信小程序开放了更多页面内能力,主要是提升界面使用体验、丰富内容展示组件、完善系统硬件能力,这些能力提升可以帮助开发者更好地优化使用体验,让用户爱上你小程序。...以下是相关能力展示 01—提升界面使用体验 小程序可以灵活调整顶部标题栏颜色,同自己页面保持色彩统一。 小程序可以获取页面布局,了解用户屏幕滑动情况,并使用页面滚动接口。...例如看到一半文章,开发者可以定位并记住浏览位置。在用户下次打开小程序时,立即滚动到未读处,方便用户继续阅读。 地图、视频和画布上,现在可以展示简单图片及文字,帮助用户更好地使用这些功能。...02—丰富内容展示组件 小程序中可以很方便地展示富文本,如一段排版精美的文章。 在微信群聊中使用小程序,可以将本群群名称展示在自己页面上。...更新概述: 新增 7 个全新 API 包括获取页面布局,页面滚动,监听截图事件等 新增 可以覆盖在原生组件之上 新增 可以展示微信开放数据 新增

1.6K80

jsp技术是什么?jsp技术优点

我们在接触网页时候,可能就会接触到jsp技术,但是对于jsp技术是什么,相信有很多的人都是不太了解,因为它听上去有些高深,所以很多人觉得太技术性了,但其实深入了解后,它并没有我们想象中那么难,下面我们就将为大家介绍...,jsp技术核心是可以在html页面中插入Java代码,这样方式,可以非常方便和服务端进行交互。...二、jsp技术优点 jsp技术应用还是比较广泛,它可以一次编写并且可以在任何地方运行,除了系统之外,代码是完全不用修改,在使用上是相当方便。...系统多平台对于jsp技术都是支持,所以它可以在任意环境中进行部署和扩展。在伸缩性上,jsp技术也是非常强大,它仅仅只需要小小一个Jar文件,就可以运行Servlet/JSP了。...在上面我们已经向大家介绍了关于jsp技术是什么,以及关于jsp技术优点,jsp技术在现在社会中,应用还是比较多,大家可以多去了解了解关于jsp技术,它可以帮助我们制作动态网页,益处多多。

4K30

代码好看

下面这张图可以很好进行说明: 也支持目前市面上所有主流编辑器: prettier 使用 prettier使用可分为两种方式: 1、使用编辑器插件 使用编辑器插件是最为方便一种方法,编写完代码...} 上面只是一些基本语言格式化规范,prettier 每一个属性配置都有详细说明,大家可以根据自己情况进行调整。...相信每个在vscode上编写vue都会下载 Vetur 插件,它目前是 vscode 上面最好用一款vue插件。现在要说是,如何使用prettier格式化vue代码。...值得提一句是,Vetur对于html文件默认使用是 prettyhtml,但是由于prettier也可以支持html格式化,所以我觉得统一使用prettier对全语言格式化是比较简洁,也希望prettier.../xxx.js 当然,默认配置规则是不符合我们需求,我们需要自定义配置规则。

1.3K20

错误提示毁了你设计!如何在UI界面中优雅展示“错误”信息?

静电说:用户讨厌看到错误提示,因为这对于任何人来说都是非常沮丧和受挫。写得不好错误消息可能会彻底破坏您用户,甚至损害您品牌。...今天我们就来分享一些小技巧,让各位设计师能更好将错误提示展示出来,从而让用户更好避免操作中错误,或者至少,让你用户不那么沮丧。 为什么错误提示非常重要?...因为错误提示打断了用户操作流程,让用户不再全神贯注。 当用户在工作时候不断被错误打断,这将极大影响用户工作效率,会让用户非常沮丧。...只需要一条写得不好错误消息就会破坏用户体验——用户会记住这个应用糟糕体验。 现在,让我们看看一些错误范例,以及如何改进它们。 让我们从一条常见错误范例开始吧!...错误是由用户引起,还是由讨厌错误引起罕见后端问题?如果您没有确切答案,通常最好使用通用消息,例如第二条错误消息。

1.7K30

如何选择好看配色

在上周[[3.0 颜色选择]]当中,提到了几个用来选择颜色工具。这里我们就对这些工具进行一下简单介绍。...色轮 在这个色轮当中,可以基于自己目的来选择合适颜色。同时在工具左侧有一个颜色选择分类。我们可以先选择想要颜色颜色分类。然后再转动色轮即可。 2....DESIGN SEEDS DESIGN SEEDS (https://www.design-seeds.com/) 是一个通过现实生活中照片来提取一些好看配色。...在这个网站里面,一些好看照片提取配色。...在 COOLRS 可以生成随机配色方案,同时也可以查看之前一些好看配色方案 点击网页上 Explore 可以查看一些定义好配色方案 在每一个配色方案当中,可以查看具体颜色代码。

1.1K10
领券