ViewPager 二、抽屉菜单 三、行政区搜索 四、行政区展示 ① 省市级联 ② 返回上一级 五、地址转坐标 六、切换地图中心 七、查看天气 八、加载弹窗 九、源码 前言 在上一篇文章中完成了高德地图的使用及地图天气的显示...，现在地图上可以查看当前的所在地天气，本文中将对国内其他城市进行切换，地图进行移动，天气查询。...正文 从易到难，先完成Fragment中加载Fragment，现在HomeActivity中加载了三个Fragment，其中NewsFragment和VideoFragment的性质有一些相近，因此我们可以把这两个..."> <com.google.android.material.tabs.TabLayout android:id="@+id/tab"...因此到这里时，再点击时就调用这个方法，去进行地址转坐标，让我们试试看，坐标是什么，我测试的城市是：广东省、深圳市、宝安区、沙井街道，得到的经纬度是：坐标：113.830294，22.735361 这说明成功了
以下是小编的一些建议： 支持社交账号登录和注册 ,例如Facebook, Google, Twitter等 社交登录是促成用户完成表单填写的重要方式。...例如，当用户输入错误或无效的邮箱信息时，系统将不能检索到对应的账号信息，而会自动创建一个全新的账户。而这一点，是会极大影响用户体验的。 ?...另一种设计方式，就是使用类似Material Design中的浮动标签。同时，也可为每个标签配上简洁易懂的文案，以优化设计。...例如： 通过用户填入邮政编码或地理位置等数据，自动填充城市和州县信息 通过用户输入的信用卡卡号，自动选定信用卡类型 ?...简而言之，当用户输入相关信息之后，输入掩码会自动在字段中插入正确的格式，将其转化成可识别的正确信息。 ? 添加输入限制 另一种能够帮助设计师，有效控制用户输入的技巧就是：添加输入限制。
AI 作为本次 I/O 大会的关键词之一，AI 成为谷歌所有产品里的重要组成部分： 「通过 AI 加持，谷歌翻译新增了 24 种语言，甚至美洲原住民语言支持；」 「Google Maps 通过 AI 实现了建筑物探测和街景融合的保真地图...；」 「YouTube 通过 AI 优化生成章节和字幕；」 「Google Workspace 通过 AI 自动解析单词并提取要点；」 「Google Meet 通过 AI 实现画面、灯光、亮度的优化；...Material 3 Material You 也就是 Material 3 ， 是在 Android 12 开始引入的一种设计语言，它带来了新的 UI 风格，还引入了基于壁纸的调色板控件，以及新的动画效果等...❞ 当然，关于 Material 3 有一个比较有意思的点，可能大家反正了解的不多，那就是 「HCT Google 全新的色彩空间。」 那它有什么用呢？...，而 JetBrains 将它支持到跨平台。」
Material Camera：基于Android平台的相机框架。 ➤位置 ReactiveLocation：是一个轻量小型但非常实用的Google Play API封装，可以获取位置。...➤地图 AirMapView： 一个视图抽象、可以在没有 Google Play Services的情况下让设备使用的地图交互功能。 Google地图实用工具汇总，例如热图或标记聚类。...➤文本 Ticker：支持内容滚动的UI组件。 MaterialEditText：Material Design风格的文本编辑器。...➤Activity Indicator AppIntro：实现类似Google Apps的应用启动引导页。 LolliPin：Material Design风格的Pin码输入界面。...➤Rating Android-Rate：定期提醒用户到应用市场给应用打分的函数库。 SimpleRatingBar：一个用于替换系统提供的评分控件的函数库。
详细分类 01、UI组件及框架 02、滚动scroll组件 03、slider组件 04、编辑器 05、图表 06、日历 07、地址选择 08、地图 09、播放器 10、文件上传 11、图片处理 12、...vue-material：通过Vue Material和Vue 2建立精美的app应用 muse-ui：三端样式一致的响应式 UI 库 vuetify：为移动而生的Vue JS 2组件框架 vonic...Google地图组件 vue-progressbar：vue轻量级进度条 vue-picture-input：移动友好的图片文件输入组件 vue-infinite-loading：VueJS的无限滚动插件...轻量级的基本UI组件合集 vue-material – 通过Vue Material和Vue 2建立精美的app应用 muse-ui – 三端样式一致的响应式 UI 库 vuetify – 为移动而生的...vue-region-picker – 选择中国的省份市和地区 08、地图 vue-amap – 基于Vue 2和高德地图的地图组件 vue-google-maps – 带有双向数据绑定Google
Theme UI: 设置主题，不好的是大部分是暗色主题，亮色的特别亮，但是支持的文件图标不错 插件描述：众所周知，一款很出名的主题 安装方式：webstorm内部插件市场搜索Material Theme...UI或官方地址下载到本地进行安装 官方地址：https://plugins.jetbrains.com/plugin/8006-material-theme-ui 使用效果：根据个人喜好吧，自己喜欢的才是最好的...推荐指数： CodeGlance: 右侧小地图导航，像sublime text中一样的那个，可以配置宽度 插件描述：可以在打开的窗口右边显示小地图，用于快速定位跳转，尤其是针对很多行的文件，就很方便的...，可以设置固定宽，也可以拖拉设置宽度 推荐指数： Codota: AI代码生成，自动联想，支持javaScript和java； 插件描述：代码联想，不用过多解释了 安装方式：webstorm内部插件市场搜索...、展示风格 文件模板设置 详情：https://blog.wangboweb.site/2021/08/04/60426.html 配置信息备份 可以备份到云上，也可以备份到jetbrains 账户上
· 个性化 谷歌推翻了过往Material Design的设计风格，改名叫Material YOU，用户可以自己决定UI部分的颜色风格。...其中，Android 12未来也能实现数字车钥匙的功能，Google表示正在和宝马谈合作，未来数字车钥匙会引入到更多品牌的汽车上。...Google Map——更多信息元素与室内AR导航 Google Map的更新亮点主要有4个方面： 第一点是元素更多的即时街景，在2D地图中，这一更新使得地图元素详细到每条人行道、安全岛的配置，而在3D...另外，当用户来到一个新的城市，Google Map也会主动地智能化突显当地的地标建筑、特色景点等等。 第四点是区域繁忙度功能。...此外，利用机器学习功能，Google Photos可以自动插帧填补相似照片间的空白，继而生成3D动图效果。
该数据集在城市可持续发展、人为碳排放评估和全球生态环境建模等领域具有深远的科学意义和实际应用价值。GISD30 是通过一种创新的自动化方法精心创建的，该方法充分利用了光谱泛化和自动样本提取策略的优势。...在数据集创建过程中，自动提取了全球训练样本和相应的反射光谱，从而提高了准确性和可靠性。考虑到不透水表面在不同时间和地理瓦片上的动态性质，采用了时空自适应分类模型。...通过该数据集，我们可以深入了解从 1985 年到 2020 年的 35 年间，全球不透水表面积翻了一番，其中亚洲的增幅最大。...GISD30 数据集可免费访问，是在区域和全球范围内监测城市化的重要工具，为各种应用提供了宝贵的支持。在此访问该数据集（Liu 等人，2021b）。...upon the material for any purpose, even commercially.
文章目录 前言 正文 一、修改应用配置 二、地图显示 三、定位到当前所在位置 四、点击地图定位 五、回到当前位置并清除标点 六、根据经纬度获取实际的定位信息 前言 之前也看过和风天气自己做的APP,主页面的地图点击之后...地图确实已经看到了，但是为什么是在北京呢？因为这是默认的初始位置，所以需要自己去定位到当前位置。...在拿到定位监听到之后首先判断是自动定位，还是点击地图定位。...因为如果你点了地图，那么markerLatitude就不会是为0的，因为我在点击地图的时候给markerLatitude赋了值，作为判断条件区分你是自动还是手动。...implementation 'com.google.android.material:material:1.0.0' 简单修改activity_map_weather.xml <com.google.android.material.floatingactionbutton.FloatingActionButton
在今年的Google/IO大会上，亮相了一个全新的 Android 原生 UI 开发框架-Jetpack Compose, 与苹果的SwiftIUI一样，Jetpack Compose是一个声明式的UI...则负责其余的工作-当状态发生改变时，你的UI将自动更新。...' implementation 'androidx.ui:ui-material:0.1.0-dev02' ... } ok，到这儿准备工作就完毕，就可以开始写代码了，但是前面说了，...Compose ,创建一个支持Jetpack Compose 的新项目则简单了许多，因为Android Studio 4.0 提供了一个新的Compose 模版，只要选择这个模版创建应用，则所有上面的那些配置项都自动帮我们完成了...Flutter 的发布将声明式 UI 的思想成功带到移动端开发领域，Apple和Google 分别先后发布了自己的声明式UI框架SwiftUI 和 Jetpack Compose , 以后，原生UI布局
https://github.com/afollestad/material-camera 15.位置 ReactiveLocation：是一个轻量小型但非常实用的Google Play API...18.地图 AirMapView： 一个视图抽象、可以在没有 Google Play Services的情况下让设备使用的地图交互功能。 Google地图实用工具汇总，例如热图或标记聚类。...28.文本 Ticker：支持内容滚动的UI组件。 MaterialEditText：Material Design风格的文本编辑器。...31.Activity Indicator AppIntro：实现类似Google Apps的应用启动引导页。 LolliPin：Material Design风格的Pin码输入界面。...36.Rating Android-Rate：定期提醒用户到应用市场给应用打分的函数库。 SimpleRatingBar：一个用于替换系统提供的评分控件的函数库。
随着 Material Design 的流行，卡片式 UI 已经成为现代 web 设计的一部分。尤其是你在提供一个汇总归档信息的界面时。 卡片是提供详细信息的入口。...然而，当涉及到新闻，尤其是家庭和归档的页面时，会发现我们远远超过了使用这种模式。 ? 基于卡片式UI设计的APP截图 文章排版设计的反馈 在重新设计后，经常用户群会有及时的负面反应。...记住它只出现在第一张幻灯片，这个导航启用了自动播放。 移动模式 当我们研究在移动设备上的行为时， 我们访问了一个基于列表的 UI 网站（下面，左）和两个基于卡片的 UI 网站（下面，中，右）。...移动单击并滚动地图。来自：HotJar 卡片式增加了汉堡菜单的使用 比较菜单图标的使用。我们可以看到一个基于卡片式的网站的更大的用途。...Google Material Design团队的一些关于卡片式的建议 总结 这两种模式都有各自明显的好处。 这不奇怪的是，列表式更紧凑，因此你可以看到更多的新闻文章，更容易的浏览标题。
UGUI不需要绑定Colliders，UI可以自动拦截事件 UGUI的Anchor是相对于父对象，没有提供高级选项 UGUI没有Atlas一说，使用Sprite Packer UGUI的Navigation...Sort Order 渲染顺序：在多个Canvas中，值越大越渲染到最上层。...应用 使用Raw Image 制作小地图 制作一个小地图 将相机放置在地图的正上方，可以设置Culling Mask(遮挡剔除) 创建一张Render Texture,将Target Texture属性指向这张纹理...创建UI面板，创建Raw Image，将Raw Image下的Texture属性指向小地图纹理即可 如果要制作圆形的小地图，可以为Raw Image添加Image为父物体，为Image添加Mask（遮罩...Item Image 下拉列表中的图片 Value 下拉列表选项对应的值 Options 下拉列表中的文字和图片 InputField(输入框) 属性 Character Limit 字符数量限制
五、显示当前定位地图 很显然，默认的地图不能满足我们的要求，那么就需要开发者自行去设置了，比如我现在在深圳福田区，那么我就要定位到当前所在地这里才行，来看看要怎么做吧。...在地图表达中，一个 POI 可代表一栋大厦、一家商铺、一处景点等等。通过POI搜索，完成找餐馆、找景点、找厕所等等的功能。...首先先在app的build.gradle中添加依赖 //Material库 implementation 'com.google.android.material:material:1.2.0...--浮动按钮--> <com.google.android.material.floatingactionbutton.FloatingActionButton android:...//POI查询对象 private PoiSearch.Query query; //POI搜索对象 private PoiSearch poiSearch; //城市码
UI组件库 ?...UI 移动端组件库 MaterialUI 世界最受欢迎的基于质感设计的React UI库 React toolbox 一套使用CSS模块功能实现Google的Material Design规范的React...react-copy-to-clipboard 基于React的复制到剪切板组件 qrcode.react 基于React的生成二维码的组件 nprogress 适用于YouTube，Medium等的顶部进度条组件...react-image-crop 强大的图片裁切库 react-sparklines 基于数据自动生成趋势线 dom-to-image 基于dom生成图片的canvas库 react-img-editor...地图相关 ? google-map-react 谷歌地图插件 react-amap 高德地图插件 @uiw/react-baidu-map 百度地图 10. 脚手架 ?
好天气APP（天气预报、空气质量、生活建议、灾害预警、出行建议、城市切换、城市搜索、世界国家/地区的城市、常用城市、背景更换、应用自动更新） (运用百度定位、百度地图与和风天气API制作) 演示视频地址...，同时，也要进行其他城市的天气数据查询，这时候你就需要拿到全国省市县的数据，选择之后得一个城市，再进行一次天气查询，至此我们的APP就完成了，当然还有优化的空间，这个我们在开发过程中慢慢来写出来。...百度地图开放平台 进去之后可以通过QQ、微博、微信,快捷登录这样可以省略注册这一步，节省时间。我是用的QQ登录的。...项目创建完成之后打开AndroidManifest.xml文件复制包名，到百度开放平台注册粘贴上， 这时，先在手机上运行一下，当你看到这个画面的时候： 就说明你目前的测试环境没有问题，测试版本也没有问题...Material控件,以及迁移到AndroidX下一些控件的依赖 implementation 'com.google.android.material:material:1.0.0'
好天气APP（天气预报、空气质量、生活建议、灾害预警、出行建议、城市切换、城市搜索、世界国家/地区的城市、常用城市、背景更换、应用自动更新） (运用百度定位、百度地图与和风天气API制作) 演示视频地址...，同时，也要进行其他城市的天气数据查询，这时候你就需要拿到全国省市县的数据，选择之后得一个城市，再进行一次天气查询，至此我们的APP就完成了，当然还有优化的空间，这个我们在开发过程中慢慢来写出来。...项目创建完成之后打开AndroidManifest.xml文件复制包名，到百度开放平台注册粘贴上， ? 这时，先在手机上运行一下，当你看到这个画面的时候： ?...这里每个人生成的秘钥都是唯一的，所以别复制我的上去，用自己生成发布版SHA1，复制到刚才的创建应用的网页上。...Material控件,以及迁移到AndroidX下一些控件的依赖 implementation 'com.google.android.material:material:1.0.0'
最佳Material Design配色工具 最佳Google取色小工具 其它超实用UI/UX设计师必备色彩工具 最优设计工具，及时测试网页/App配色方案，打造最佳视觉设计 最佳在线色彩工具 在线色彩工具...设计师使用时，无需安装，亦不受时间和地点的限制， 十分方便快捷。 而下面是小编为大家搜集的几款非常实用的在线色彩工具： 1.Coolors – 超简单实用的在线色彩搭配工具 ?...通过此款超易用的图片配色工具，设计师可简单拖拽图片到工作区，快速创建最佳Web/App项目配色。 13.Colormind – 超高效的网页端配色工具 ?...16.Material IO – 超高效的配色创建和UI应用工具 ?...相关阅读：Material Design配色难？11条设计资源给你灵感！ 最佳Google取色小工具 浏览器取色小工具，也是设计师及时获取所需色彩，搭建和设计最佳UI配色方案的重要工具。
vue-material ★2207 - 通过Vue Material和Vue 2建立精美的app应用muse-ui ★1992 - 三端样式一致的响应式 UI 库vuetify ★1678 - 为移动而生的...bootstrap-vue ★458 - 应用于Vuejs2的Twitter的Bootstrap 4组件vue-swipe ★361 - VueJS触摸滑块vue-amap ★346 - 基于Vue 2和高德地图的地图组件... ★287 - 带有双向数据绑定Google地图组件vue-progressbar ★248 - vue轻量级进度条vue-picture-input ★236 - 移动友好的图片文件输入组件vue-infinite-loading...组件vue-typewriter ★13 - vue组件类型vue-smoothscroll ★12 - smoothscroll的VueJS版本vue-city ★10 - 城市选择器vue-tree...单页应用vue-koa-demo ★60 - 使用Vue2和Koa1的全栈demovue2.x-Cnode ★50 - 基于vue全家桶的Cnode社区life-app-vue ★49 - 使用vue2完成多功能集合到小
到今天，谷歌地图已经通过人工智能和机器学习改变了位置搜索。 从推荐到即时交通提醒，谷歌地图正在改变用户的导航体验。如今，大多数人都拥有装有谷歌地图的智能手机，这使得移动变得容易。...过去，从区分建筑物到最新的人工智能解决方案，为了使这一功能变得用户友好，谷歌地图一直面临着挑战。 Google的地图和数据团队都在审查建筑特性和使用算法以更好地理解这些特性方面进行了合作。...Google Maps live功能是从机器学习发展而来的，它告诉用户目的地所需的距离。城市的物理图像对于实时特征与传感器一起工作非常重要。...Google Maps收购 谷歌地图的收购 在进一步讨论之前，让我们回顾一下谷歌地图完成的一些收购 Waze 收购Waze之际,谷歌地图希望用户在其地图应用程序上提高体验感。...速度限制是地图的一个重要功能，谷歌正致力于这一领域，保障通勤者的行动安全。谷歌地图用户可以根据自己的路线设置和调整速度限制。此外，当谷歌地图创建警报时，用户可以检测到速度陷阱。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
