文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android开发笔记（一百六十四）仿京东首页的下拉刷新

一些第三方的开源库如PullToRefresh、SmartRefreshLayout固然能让整体页面下滑，可是顶部的下拉布局很难个性化定制，至于状态栏、工具栏的背景色修改更是三不管。...所以此处得捕捉页面滚动到顶部的事件，相对应的则是页面滚动到底部的事件。鉴于App首页基本采用滚动视图ScrollView实现页面滚动功能，故而该问题就变成了如何监听该视图滚到顶部或者滚到底部。...下面是演示页面拉到顶部附件的两种效果图，其中左图为上拉页面使之整体上滑，此时状态栏的背景变灰、工具栏的背景变白；右图为下拉页面使之接近顶部，此时状态栏和工具栏的背景均恢复透明。 ? ?...然而成功监听页面是否到达顶部或底部，仅仅解决了状态栏和工具栏的变色问题。因为页面到顶时继续下拉，ScrollView要怎么处理？...这个和事佬必须是下拉布局和滚动视图的上级布局，考虑到下拉布局在上，而滚动视图在下，故它俩的上级布局继承线性布局LinearLayout比较合适。

2.9K40
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    关于H5在移动端弹出下拉选项时遮挡输入框的问题

    背景 在最近的一个Hybrid App项目中，我实现的H5有以下两个需求： 使用quill.js实现富文本编辑器，但是，工具栏需要固定定位到底部，当输入法弹出时，工具栏需要悬浮在输入法键盘之上，如下图所示...当光标聚焦到编辑区输入文字时，系统级的输入法键盘弹出，此时，键盘的弹出对webview的高度会有一定的影响，而android和ios对webview的处理有所不同，简单的说就是： android上：在下图中...，始终是左图蓝色框的高度 综上，当工具栏使用fixed来定位时，在android上，当键盘弹出时webview的高度会减小，所以工具栏会悬浮在键盘之上，也就是说，在android上这么实现是符合需求的。...但是，ios不会改变webview的高度，因此，当键盘弹出时，工具栏始终位于屏幕底部，从而被键盘遮挡，如此就不符合需求，所以，需要针对ios做特别处理 ios上的解决方案 有以下三种解决方案： 改设计：...将工具栏放在顶部，这样改动成本最小，兼容性最好，如果能说服产品，那么推荐这种方式 在ios app端，当键盘弹出时，配置webview的高度为屏幕高度 - 键盘高度，也就是与android保持一致的处理方式

    5.5K30

    大屏时代的生态变迁，看平板手机的拇指热键与界面布局

    虽然根据Android设计规范的要求，我们应该在小屏手机中将App的导航与功能控件放置在顶部，以避免与底部的系统导航栏产生冲突，但是在大屏设备上，可以将一些高频控件从标准的Action Bar中移出，并放置到屏幕底部...在默认情况下，Android的Action Bar会将所有的导航及功能选项整合到界面顶部（左），而分体式Action Bar则会将一些重要功能放到屏幕底部，使其更便于被拇指点击（右）。...在Android中，将交互元素堆叠在屏幕底部的做法确实容易增加误操作的可能性，这是客观事实。...可以通过屏幕底部的悬浮按钮触发更多功能，同时避免与Android的系统导航栏产生大范围的冲突。 此外，也可以尝试将控件放置在顶部，但使其能够响应某种作用于屏幕下方的辅助交互形式。...人们使用屏幕巨大的手机，不代表他们有着巨人般的手，手势应该围绕手指进行设计，而不是围绕屏幕。 整体移动。界面中的多数元素是静态的，需要我们自己伸手触及。

    2.4K10

    Adobe国际认证教程｜如何在 Photoshop 中模拟 3D 渲染？

    接下来，请在文章顶部的链接中下载她的 Photoshop 文件，或者从您自己的图像中创建一些人造 3D 对象。...在图像中识别出该区域后，选择套索工具。将羽毛设置为零，并在圆柱高光周围绘制一个圆柱形状。它不需要完美。 现在为一个整洁的新层。 将您的选择复制到一个新图层上，然后将其拖到“图层”面板的顶部。...“我通常会做一些工作，然后按 OK 以在图像中看到它，然后重新打开液化面板进行调整，”Hope 说。她会稍微摆动一下曲线，并在底部做出一些下垂的形状“我不希望它看起来太完美，”她说。...正是明显的阴影和高光使您的形状看起来具有立体感。使用工具栏的减淡和加深工具增强它们。 希望在躲避高光和燃烧阴影之间交替。...“我喜欢在选区的侧面燃烧阴影，因为它看起来不会太暗而不能成为 3D 形状，”她说。“我会在我的主题后面烧掉一些区域，以确保我的选择与图像的上下文一致。”

    1.4K20

    纯干货！谷歌MD深色主题设计规范详解（附Sketch官方文件下载）

    在APP的顶部菜单中显示主题开关 ? 在弹出菜单的菜单层中显示开关 ? 在APP的设置列表当中显示开关 属性 深色主题使用的是深灰色，而不是黑色来作为主要的色彩。...叠加层与元素控件的结合，不仅增加了和底部阴影之间的对比度，还让边缘更加清晰锐利和明显。 ? 默认主题仅仅使用阴影来控制高程效果，而深色主题之下，还需要借助调整表面色彩来控制高程效果。...为了确保深色主题中色彩具有足够高的灵活性和可用性，建议在深色主题中选取较浅的色调（色彩饱和度范围在200-50之间），而不是默认情况下的色彩主题（色彩饱和度范围从900-500之间）。...默认主题下，在顶部菜单中使用配色方案中的主色。 ? 避免在深色主题的顶部菜单栏中使用主色，因为它们在深色主题下会导致炫光。...它包含全套深色主题的布局元素，包括状态栏、应用栏目、底部工具栏、卡片、下拉菜单、搜索字段、分隔符、导航、对话框等一系列的组件，非常实用。

    9.8K10

    6-VI--ListView琐碎小知识点汇总

    1、ListView不显示蓝色阴影: 强迫症的你有没有很讨厌这个阴影，反正我是不喜欢，去除方法： 阴影.png listview.setOverScrollMode(ListView.OVER_SCROLL_NEVER...); 2.去除分割线的方式： 去除分割线.png android:divider="@null" 或 android:divider="#00000000"或 listview.setDividerHeight...R.drawable.XXX)); //设置分割线的高度 ListView.setDividerHeight(10); 分割线样式及长度.png 4.注意点： ListView宽高尽量不用包裹内容，否则由于计算控件高度而多次调用...ListView.addFooterView(View); 6.添加头脚可以看到最上和最下其实是有分割线的，去除方法： ListView.setFooterDividersEnabled(false);//去除底部分割线...ListView.setHeaderDividersEnabled(false);//去除顶部分割线 本文由张风捷特烈原创,转载请注明 更多安卓技术欢迎访问：https://www.jianshu.com

    68140

    Android selector实现点选效果

    " android:text="没有选中,底部红线窄，大概有--3dp" android:checked="false" android:background... 代码中我们看到，1 3按钮设置了我们的selector作为背景，我们分析一下过程 1 底部阴影实现 android... 我们的selector中有两个item，内部分别采用layer-list实现图层的叠加，然后顶部...item填充的时候留白，即实现出底部的颜色线条 2 根据状态不同selector自动判断加载item 在本例selector中的外出item的state_checked的状态与radiobutton的选中非选中状态对应...，然后加载不同item，而每个item每部基本相同，只是留白范围不同造成选中给选中的视觉差，从而区分 扩展思考 在selector中还可以设置其他的状态--按压 获取焦点等状态，大家可以结合这些即可实现

    89730

    微软VS Code已原生支持Jupyter笔记本，再也不用打开网页调试运行了

    若处于编辑模式时，则竖线将带有绿色斜线阴影。 ? 后面两种模式该如何切换？从编辑模式切换到命令模式，按ESC键；从命令模式切换到编辑模式，按Enter键。...点击笔记本底部或者顶部的的“+”图标，都可以添加新的代码单元格。 ?...编辑Markdown Jupyter笔记本的特点就是将Markdown文档和Python代码结合在一起，如果我们想写一段文档而不是代码，则需要点击单元格中的Markdown图标，将代码模式转变成文档模式...在运行代码单元格之后，单击顶部工具栏中的“ 变量”图标，我们将看到当前变量的列表，当在代码中使用变量时，这些列表将自动更新。 单击每个列标题可以对表中的变量进行排序。 ?...在查看器中，可以平移、缩放和浏览当前会话中的图。还可以将它们导出为PDF、SVG和PNG格式。 ? 调试 要调试Jupyter笔记本，需要先选择主工具栏中的“转换”按钮，将其导出为Python文件。

    5.5K40

    最新iOS设计规范三｜3大界面要素：栏(Bars)

    Phone 使用这种方法，而Music 则使用大标题来区分内容区域。在iOS 13及更高版本中，默认情况下，大标题导航栏不包含背景材质或阴影。另外，随着页面滑动，大标题要转换为标准标题。 ?...在iOS 13及更高版本中，可以通过删除导航栏的阴影来隐藏导航栏的底部边框（当滑动内容区域时，边框会自动重新出现）。无边框样式在大标题导航栏中效果很好，因为它增强了标题和内容之间的联系感。...当显示在导航栏中时，可以将搜索栏固定在导航栏中，以便始终可以调用。也可以将其折叠，当用户向上滑动时展开显示。 使用搜索栏而不是仅仅通过“搜索”文字来实现搜索。文字没有用户所期望的标准搜索栏外观。...例如：在Safari中，当你开始滚动页面时，工具栏会自动隐藏，因为你可能正在阅读。你还可以点击屏幕底部让它再次出现。当弹出键盘时，工具栏也会被隐藏。 ?...避免在工具栏中使用分段控件。分段控件允许用户切换上下文，而工具栏只对当前页面提供操作。如果你需要切换页面，请考虑使用标签栏。

    9.9K10

    神器必会！“世界上最好的编辑器Source Insight”

    在该盘符下选择想要添加的文件，如蓝色部分“Android-8.0.0_r1”，这是Android 系统源码根目录，因为这里选择的是文件夹，所以点击右边的“Add Tree”来添加整个目录。...顶部显示了文件名；搜索栏中输入要查找的符号可以快速找到要找的符号；中间部分显示了符号列表，每一项前面都有一个符号，这些符号表示不同的符号类型；底部为工具栏，主要用于显示符号排序方式，决定显示哪些内容，字体颜色和大小等...值得注意的是，菜单栏中Cut~Select Symbol，操作对象是整个符号所代表的代码块，而不是符号所代表的字符串。比如鼠标选中某个方法符号，点击“Copy Symbol”后复制的就是整个方法了。...这个区域的内容也会随着工具栏中的按钮的切换而变化显示内容。后面讲工具栏时会再讲到。双击某一项或者在某一项上点击右键调出的菜单中点击“Open”就可以快速进入到对应的源文件。...（3）底部工具栏 下图为Context Wiindow中底部的工具栏，黄框部分功能参考SI顶部Toolbar中部分，这里不赘述。

    3.1K20

    Rhino-learn

    二、常用操作: 鼠标滚轮：放大缩小视图； 在视图标题处右键，可以选择显示模式：Wireframe（线框模式）、Shaded（阴影模式）、Rendered（已渲染，比较假的上色阴影）、Raytraced...通过下方状态栏或者上方工具栏 ? ?...Ctrl+Shift+左键，选择杯子顶部；按住Shift的同时鼠标拖动Gumball的Axis plane indicator将顶部的圆变大一点。...Ctrl+Shift+左键，选中杯子底部内侧的圆，拖动Gumball在Z方向的箭头到一定高度。 将杯子边缘圆滑：选中整个杯子，按图示打开Edge Softening ?...杯子底部好像没搞好？唉我这杯劣质的水。。 官方视频教程（国内访问需要梯子） 官方效果： ? 四、学习资源 你可以这样学： 按顺序看完上述内容，并实践杯子的实例。

    1.2K10

    移动webapp前端开发小结

    minimum-scale: 允许用户缩放到的最小比例 maximum-scale: 允许用户缩放到的最大比例 user-scalable: 用户是否可以手动缩放 通常不使用 height 属性, 如果要将元素放置在屏幕底部或依赖于视区高度的位置...所以为了使position:fixed代码在android2.3 、2.2系统的浏览器中有效，增加了如下代码： 而不写具体的px值。除了整体布局，我们还需要考虑字体、图片/图标大小。...视网膜设备上，device-width返回的是独立像素dips值（即：物理像素除以像素比devicePixelRatio） 2、在Android 设备上，device-width返回的是物理像素值**...四、HTML5 、CSS3 1、position:fixed 设计稿是根据native app的布局设计的，需要固定顶部标题栏、底部导航栏，在web端常用到position:fixed 来实现，可惜移动端在

    1.3K20

    一文学会所有 Android TextView 属性，妈妈再也不担心我的代码写不好了！

    飞哥语录：编程语言是人发明的东西，凡是人都应该懂人发明的东西，如果你不懂，那结论是：你不是人！...android:includeFontPadding设置文本是否包含顶部和底部额外空白，默认为true。 android:inputMethod为文本指定输入法，需要完全限定名(完整的包名)。...android:selectAllOnFocus如果文本是可选择的，让他获取焦点而不是将光标移动为文本的开始位置或者末尾位置。TextView中设置后无效果。...android:shadowColor指定文本阴影的颜色，需要与shadowRadius一起使用。 android:shadowDx设置阴影横向坐标开始位置。...android:shadowDy设置阴影纵向坐标开始位置。 android:shadowRadius设置阴影的半径。设置为0.1就变成字体的颜色了，一般设置为3.0的效果比较好。

    1.8K20

    Flutter学习

    在Flutter中，一个自定义widget通常是通过组合其它widget来实现的，而不是继承 某些widget属性需要单个widget（child），而其它一些属性，如action，需要一组widgets...Scaffold提供了大多数应用程序都应该具备的功能，例如顶部的appBar，底部的bottomNavigationBar，隐藏的侧边栏drawer等。...this.bottomSheet, // 显示在底部的工具栏 this.backgroundColor,// 内容的背景颜色 this.resizeToAvoidBottomPadding =...this.primary = true,// Scaffold是否显示在页面的顶部 }) AppBar属性 leading 返回键 iconTheme Appbar 上图标的颜色、透明度、和尺寸信息...可以从Native层调用flutter层的dart代码，也可以在flutter层调用Native的代码，而作为通讯桥梁就是MethodChannel，这个类在初始化的时候需要注册一个渠道值。

    2.6K20

    使用 Android Studio 进行 Flutter 开发

    在主工具栏，可以运行和调试代码： ? IntelliJ 的主工具栏 选择目标设备 在 IDE 中打开 Flutter 项目时，你会在工具栏的右侧看到一组 Flutter 的特定按钮。...” 不使用断点运行应用 点击工具栏中的 Play 按钮，或选择 Run > Run。底部的 Run 窗口会有日志输出： 使用断点运行应用 如果需要，在源代码中设置断点。...点击工具栏中的 Debug 按钮，或选择 Run > Debug。 底部的 Debugger 窗口会显示出堆栈和变量信息。 底部的 Console 窗口会显示详细的日志输出。...Widget 列表嵌套辅助 和上面的辅助类似，但它嵌套的是一个 widget 的列表，而不是单个的 widget。...你会在编辑器的顶部看到一个 "Flutter commands" 的横幅， 包含一个 Open for Editing in Android Studio 的标签，点击它。

    6.4K30

    Golang语言情怀--第115期 全栈小游戏开发:第6节：使用场景编辑器搭建场景图像

    具体的规则如下： 假设三个 Label 节点都已经选中，从左到右的 6 个对齐按钮会依次将这些节点： 顶部对齐，按照最靠近上方的边界对齐（而不是最上方的节点的上边界） 垂直居中对齐，按照整体的水平中线对齐...底部对齐，按照最靠近下方的边界对齐 左对齐，按照最靠近左边的边界对齐 水平居中对齐，按照整体的垂直中线对齐 右对齐，按照最靠近右边的边界对齐 后半部分从左到右的 6 个分布按钮会依次将这些节点： 顶部分布...注意：不管是一开始测定左右边界和中线还是之后将每个节点对齐/平均分布时的参照，都是节点约束框的中心或某条边界，而不是节点的位置坐标。...例如下图中我们将三个宽度不同的 Label 节点向右对齐后，得到的是三个节点约束框的右边界对齐，而不是三个节点位置的 x 坐标变成一致。...场景显示效果 目前还支持在场景中设置天空盒、全局雾效果以及阴影等，以便更好地丰富场景，渲染并展示场景环境。具体可参考： 天空盒 全局雾效 阴影 本期就到这里，下期再见。

    18520
    点击加载更多

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

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

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

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

      领券