首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Rattenking

    微信小程序----动态设置导航栏标题

    场景 当从一个分类列表页面进入到一个详情页面的时候,由于这个详情页面是公用的,为了区分页面,就会设置该页面的导航用以区分。就需要开发者在页面加载的时候进行动态设置导航标题! 失败都会执行) }) ---- 开发DEMO list.wxml 在navigator标签的url设置两个参数; 一个分类ID—用于详情页面请求对应分类的详细数据; 一个分类名称—用于本次博客的主要作用,设置导航栏标题 —在onLoad函数opts.navName; 三元表达式判断opts.navName参数是否为空,如果为空直接设置为商铺列表,否则进行拼接; 用setNavigationBarTitle API实现导航标题的动态设置 ---- Page({ onLoad(opts){ // 设置导航栏为对应导航 wx.setNavigationBarTitle({ title

    2.5K30发布于 2021-02-01
  • 来自专栏前端资源

    Element UI导航菜单(NavMenu),动态多级菜单实现

    今天同事封装一个导航栏的组件,使用的 Element UI 的 NavMenu 组件。 title: "选项2",         key: "4-2",         path: "",       },     ],   }, ], 未经允许不得转载:w3h5 » Element UI导航菜单 (NavMenu),动态多级菜单实现

    16.8K10发布于 2020-12-28
  • 来自专栏程思阳的专栏

    Android笔记:底部导航栏的动态替换方案

    (1)使用menu设置资源 (2)有默认的动画效果 2.本篇介绍的是日常见到的京东,淘宝类似的根据后台下发实现动态替换底部导航资源图片的方法(基于TabLayout实现) 既然提到了动态替换肯定意味着要下载资源 } 选择IntentService的原因是因为下面的这几个操作都是耗时操作,所以我们干脆都封装到这service里面,我们只需要在合适的时机去启动这个Service就ok了 需要下载资源压缩包 因为是动态替换 android:drawable="@mipmap/home_tab_financing_normal" /> </selector> 现在我们要根据下载下来的图片(存放在sdcard中)去动态创建

    3K20编辑于 2022-01-10
  • 来自专栏AI科技评论

    动态 | 室内没有GPS信号,要怎么精确导航

    AI 科技评论按:在现代化的机场候机楼、医院大楼、办公楼、运动场、大学校园和零售商店中,方便易用的室内导航应用程序的市场日益扩大。 因为使用 GPS 信号的外部定位方法不够精确,无法有效地进行室内导航。室内定位系统应该能够探测用户在建筑物内的位置,并指示用户如何在建筑物内导航。这些系统用于各种各样的场景当中。 例如,在2017年,IBM 东京研究院为视障人士打造了一套实验性的高精度室内外语音导航系统。 这些发现发表在最近的国际室内定位和室内导航会议(IPIN 2018)上。 图3:实验结果显示精度提高了15米 对于那些不需要系统再训练的设备所有者,这种自学习的人工智能工具提供一个低成本的解决方案。

    1.5K20发布于 2018-12-24
  • 来自专栏前端资源

    Element UI导航菜单(NavMenu),动态多级菜单实现

    今天同事封装一个导航栏的组件,使用的 Element UI 的 NavMenu 组件。         key: "4-2",         path: "",       },     ],   }, ], 未经允许不得转载:w3h5-Web前端开发资源网 » Element UI导航菜单 (NavMenu),动态多级菜单实现

    2.9K40编辑于 2023-08-25
  • 来自专栏网络安全技术点滴分享

    使用JavaScript和CSS创建动态高亮导航

    使用JavaScript和CSS创建"动态高亮"导航栏在本教程中,Blake Lundquist将带领我们使用纯JavaScript和CSS实现"动态高亮"导航模式的两种方法。 第一种技术使用getBoundingClientRect方法,在导航栏项目被点击时显式地动画化边框。第二种方法使用新的View Transition API实现相同的功能。 起始的HTML和CSS是标准的导航栏,额外包含一个id为#highlight的div元素。我们给第一个导航项添加.active类。 2px solid green; box-sizing: border-box; transition: all 0.2s ease;}添加点击事件处理程序我们希望高亮元素在用户更改.active导航项时产生动画效果

    33410编辑于 2025-09-20
  • 来自专栏入门到放弃之路

    BuildAdmin07:导航动态添加tabs如何实现

    前言 之前的几篇文章都是基于comtainer布局的aside边栏部分来写的,像logo、menu以及Icon图标组件,后面也写了关于路由动态加载和菜单渲染的文章。 可以看到header的内容是由 \<component> 动态组件实现的,使用is属性绑定不同的导航栏组件。 我在这里不需要使用动态组件,也不需要实现其他三个布局组件,我只实现一个默认布局的navBar。我们在navBar目录下查看默认布局中navBar是如何定义的。 从源码可以看到: 整个导航栏就是一个div,里面有多个tab。一个tab是由一个div和一个Icon元素组成。 在BuildAdmin中的tabs.vue中实现了动态添加tab的功能。

    2.3K20编辑于 2024-06-11
  • 来自专栏人工智能

    快速安全追踪(FaSTrack):确保动态系统的安全实时导航

    问题:如何实施快速和安全的运动规划 实时自主运动和导航是很难的,特别是当我们关心安全性时。当我们的动力系统复杂,以及外部干扰(如风)和先验条件未知时,这变得更加困难。 我们在这项工作中的目标是为了保证“鲁棒性“实时运动系统在动态系统导航过程中的安全。 虽然这使得我们可以执行实时的运动规划,但是由此产生的轨迹可能过于简化,导致不可避免的碰撞,甚至可能是动态不可行的(见图1)。例如,想象一下骑自行车,跟随行人行走的路径。 因此,为了解决这个追求逃避游戏,我们必须首先确定两个系统之间的相对动态位置,方法是将规划者固定在原点上,并确定跟踪者相对于规划者的动态。 一般来说,我们需要解决一个与FaSTrack中的原始游戏非常相似的动态游戏,但是我们想知道一组我们永远不会离开的状态,并且可以保证我们最终进入B的不变集合。

    1.5K70发布于 2018-01-29
  • 来自专栏Leaflet

    使用wheelnav.js构建酷炫的动态导航菜单

    这相当于人物的7个方面,就像知识图谱中的一些关系,更妙的是,在功能界面上,用户可以在选择不同的维度之后,右边的界面会跟随左边的维度来自动切换,完全是一种动态导航菜单。 本文即在上述的场景中,主要介绍一种基于SVG的web动态导航组件。通过这个组件可以实现很多丰富酷炫的效果。 一、WheelNav是什么 wheelnav.js 是一个基于 SVG 的动态导航菜单组件。它可以是一个派菜单(径向菜单,循环菜单),选项卡导航,自菜单,选项按钮,复选框等等。 在这个过程当中,我们将学会如何创建一个动态导航按钮,以及实现具体的切换效果。掌握一些基础的参数设置方法。 将动态组件绑定到div中。然后设置它的参数,每个导航菜单还有设置默认的菜单项。以上即完成了最简单的示例。你应该掌握它的最基本用法。

    6110编辑于 2026-06-26
  • 来自专栏小程序云开发入门

    小程序顶部导航栏,可滑动,可动态选中放大

    最近在研究小程序顶部导航栏时,学到了一个不错的导航栏,今天就来分享给大家。 老规矩,先看效果图 ? 可以看到我们实现了如下功能 1,顶部导航栏 2,可以左右滑动的导航栏 3,选中条目放大 原理其实很简单,我这里把我研究后的源码发给大家吧。 wxml文件如下 <! -- 导航栏 --> <scroll-view scroll-x class="navbar" scroll-with-animation scroll-left="{{scrollLeft}}rpx" tab-on':''}}">{{item.name}}</view> </view> </scroll-view> wxss文件如下 /* 导航栏布局相关 */ .navbar { width:

    2.3K42发布于 2020-10-11
  • 来自专栏菲宇

    微信小程序动态设置详情页导航栏标题

    当前页面标题为\"" + datatitle + "\"" ); }, complete:function(){ console.log("动态修改页面标题

    1.2K10发布于 2019-10-22
  • 来自专栏全栈程序员必看

    激光导航和slam导航区别_激光导航和视觉导航的区别

    最底层就是机器人本身的电机驱动和控制部分,中间通信层是底层控制部分和决策层的通信通路,决策层就是负责机器人的建图定位以及导航。 本文主要研究激光SLAM(构建2D地图和导航),所以只探讨决策层这一层的实现。我们在已有机器人最底层的前提下,采用ROS提供的Gmapping包和Navigation栈作为机器人的决策层。 2、导航基本原理 Navigation栈[是否为Navigation包]是一个获取里程计信息、传感器数据和目标位姿并输出安全的速度命令到运动平台的2D导航包的集合。 (1) 定位 机器人在导航的过程中需要时刻确定自身当前的位置,Navigation 栈中使用amcl包来定位。 (2)路径规划 路径导航部分则使用move_base包,move_base能够获取机器人周围信息(如激光雷达扫描结果)并生成全局与局部的代价地图,根据这些代价地图可以使机器人绕开障碍物安全到达指定的位置

    3.6K20编辑于 2022-09-24
  • 来自专栏全栈开发工程师

    【Bootstrap】013-组件:导航导航条、路径导航

    一、导航 1、概述 Bootstrap 中的导航组件都依赖同一个 .nav 类,状态类也是共用的。 在小屏幕上,导航链接呈现堆叠样式; 两端对齐的导航导航链接已经被弃用了。 代码演示: <! 1、默认样式的导航导航条是在您的应用或网站中作为导航页头的响应式基础组件。 它们在移动设备上可以折叠(并且可开可关),且在视口(viewport)宽度增加时逐渐变为水平展开模式; 两端对齐的导航导航链接已经被弃用了。 代码演示: <! 类可以改变导航条的外观; 代码演示: <!

    1.8K10编辑于 2025-01-06
  • 来自专栏码生

    StackNavigator in react-navigation 如何动态修改导航标题 headerLeft headerRight headerTitle 等

    StackNavigator in react-navigation 如何动态修改导航标题 headerLeft headerRight headerTitle 等 在 StackNavigator 控制下的所有界面均可以通过 this.props.navigation 获取到当前导航对象 当前导航对象下有我们常用的几个方法 例如: const { navigate, state, setParams } = this.props.navigation ; 本文章主要说明一下如何更改导航中的 headerLeft headerRight headerTitle 等 1. 首先稍微回忆一下如何设置当前界面的导航配置 (headerLeft headerRight headerTitle等) static navigationOptions = ({navigation}) { this.props.navigation.setParams({ navigation: { headerTitle: "动态

    3.1K20发布于 2018-11-21
  • 来自专栏Android 开发者

    使用导航组件: 条件导航 | MAD Skills

    这是第二个关于导航 (Navigation) 的 MAD Skills 系列,本文是导航组件系列的第二篇文章,如果您想回顾过去发布的内容,请参考下面链接查看: 导航组件概览 导航到对话框 在应用中导航时使用 概述 条件导航 (Conditional navigation) 指的是在为应用设计导航时,您可能需要基于条件逻辑将用户转到某一个目的地而非另一个。 现在当我运行应用时,它会导航至 SelectionFragment。后续应用的启动将会记住我做出的选择并将我导航至正确的起始目的地。 就是如此!我们在 DonutTracker 应用中添加了条件导航。 △ 测试导航 小结 在本文中,我在 DonutTracker 应用中添加了条件导航,同时也添加了测试来验证流程是否正常工作——解决方案代码。 通过条件导航,当用户首次启动 DonutTracker 应用时,应用将触发一次流程,将用户导航至 SelectionFragment。

    2.6K30编辑于 2022-03-09
  • 来自专栏Android 开发者

    导航: 嵌套导航图和 | MAD Skills

    这是第二个关于导航 (Navigation) 的 MAD Skills 系列,本文是导航组件系列的第三篇文章,如果您想回顾过去发布的内容,请参考下面链接查看: 导航组件概览 导航到对话框 在应用中导航时使用 SafeArgs 使用深层链接导航 打造您的首个 app bundle 深入浅出 NavigationUI 使用导航组件: 条件导航 如果您更倾向于观看视频而非阅读文章,请 点击这里 查看视频内容。 概述 在本系列之前的文章中,我们增加了咖啡记录功能,使用导航 UI 提高了用户体验,并且实现了有条件导航。 在本文中,我们将了解如何通过使用嵌套图管理导航图,并且使用 include 标签来引入其他图。这就需要我们将应用模块化,并且了解导航如何在模块间实现操作。 那么,接下来,让我们打开 Android Studio 开始学习如何在模块上使用导航吧。 嵌套导航图 我们从导航图开始。嵌套图允许您在父导航图中将一系列目的地页面分组。

    2.6K30编辑于 2022-03-09
  • 来自专栏全栈程序员必看

    IOS-导航路线_iphone导航

    1.可以将需要导航的位置丢给系统自带的APP进行导航 2.发送网络请求到公司服务器获取导航数据, 然后自己手动绘制导航 3.利用三方SDK实现导航(百度) >当点击开始导航时获取用户输入的起点和终点 CLPlacemark ) >再利用获取到的地标对象(CLPlacemark)创建MKPlacemark >利用MKPlacemark创建起点的item >终点和起点逻辑一样 1.发送请求到苹果的服务器获取导航路线信息 2.根据服务器返回的路线信息自己绘制导航路线 代码1 1 // 2 // ViewController.m 3 // IOS_0403_利用系统App导航 4 // 5 // Created return; 61 62 // 结束位置的地标 63 CLPlacemark *endCLPlacemark = [placemarks firstObject]; 64 65 // 开始导航 103 // Items: 告诉系统地图APP要从哪到哪 104 // launchOptions: 启动系统自带地图APP的附加参数(导航的模式/是否需要先交通状况/地图的模式/..) 105 [

    1.2K20编辑于 2022-09-20
  • 来自专栏我的博客

    wordpress导航

    搞wordpress没有几天,今晚准备分几个栏目写文章的时候可以分门别类,结果导航不知道才能显示出来我添加的子栏目。。。。纠结了于是找到摸索了半天终于找到了。 下面介绍下我是怎么弄的那个导航条 点击“外观”–“菜单” 点击加号添加菜单 命名自己的导航名字 将自己的分类目录添加到自己的导航菜单 自定义菜单可以写首页然后添加到自己的菜单里面 点击保存,应该效果就出来了 哦,忘了还得主题位置有两个,第一个位置在图片(就是网站banner)下面,第二个位置在图片上面(这个可根据自己喜好设置)~~~导航出来了吗?嘻嘻 啊?顺序不是我想要的!!

    1.8K50发布于 2018-05-07
  • 来自专栏sktj

    Layui 导航

    电商平台

  • 社区
<script> //注意:导航 否则无法进行功能性操作 layui.use('element', function(){ var element = layui.element; //… }); </script> 徽章,图片导航 dd>安全管理
退了
导航加背景色 image.png //如定义一个墨绿背景色的导航
侧边栏导航栏 ?

1.9K30发布于 2019-10-24
  • 来自专栏全栈程序员必看

    html 竖排导航条,html 导航

    :hover,a:active { background-color:#7A991A; } li { /*float: left;*/ } Home News Contact About 切换导航栏后 ,当前导航栏目颜色加深 $(document).ready(function () { $(“#navbar a[href='{ { request.path }}’]”).parent().addClass

    5.6K20编辑于 2022-09-01
  • 领券