E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
底部导航
在android Studio中设计app的
底部导航
栏
准备工作新建一个空白android项目命名为csdn在res/layout路径下设置主页面使用线性布局linearLayout使用自定义的viewPager(切换多个页面会秒跳转,提升体验感觉)
底部导航
控件如下所示主页布局在资源文件中
至爱2022
·
2023-08-30 05:39
android
安卓
android
studio
Android studio设计app
底部导航
栏
参考:https://blog.csdn.net/MrsZhang1995/article/details/111658786
DWQY
·
2023-08-30 05:09
Android
Studio
android
studio
移动用户体验设计-
底部导航
每个应用程序都应该有自己的导航设计,因为它是指导用户与产品互动的指南针。如果用户无法快速确认到操作入口,那么将会在您设计的产品中迷路,甚至无法使用您的产品。为什么导航如此重要?StevenHoober在他的移动设备使用研究中发现,49%的人依靠一只手指来完成手机上的工作。在下图,其中的颜色指示用户可以通过拇指与屏幕交互的区域。绿色表示用户可以轻松到达的区域;黄色需要拉伸的区域;而红色,这个区域用户
我们是UI
·
2023-08-29 21:10
Android Navigation 组件(基础篇)
一、前言在日常开发中,越来越多的会使用到一个activity嵌套多个fragment的场景,典型的例子就是app的首页,一般都会由一个activity+多个Fragment组成的
底部导航
界面,那对于Fragment
e电动小马达e
·
2023-08-28 23:34
Android
Flutter 三种方式实现页面切换后保持原页面状态
在正文之前,先看一些常见的App导航,以喜马拉雅FM为例:image它拥有一个固定的
底部导航
以及首页的顶部导航,可以看到不管是点击
底部导航
切换页面还是在首页左右侧滑切换页面,之
文刂Rn
·
2023-08-28 22:00
Flutter自定义BottomNavigatorBar实现首页导航
前言
底部导航
,对于做app的同学再熟悉不过了,不过有时候设计为了突出别样的风格,就会来点不一样的,比如下面的效果图。我们使用系统提供的控件,是无法实现的。
辉涛
·
2023-08-28 10:50
Android沉浸式
底部导航
栏简单实现-基于buttomnavigationview与ViwePager2
文章目录效果:具体实现:buttomnavigationview部分实现ViewPager部分实现:建立buttomnavigationview与ViwePager2联系最终效果
底部导航
栏是每一个APP
Nimrod__
·
2023-08-27 19:07
android
java
android
http
Android使用TabLayout+Viewpager+ Fragment实现了
底部导航
栏的效果
首先TabLayout一般都是配合Viewpager使用的,Viewpager里的Fragment随着顶部的Tab一起联动,这种场景再熟悉不过了。效果如图所示:一、配置build.gradle(添加如下代码)二、values属性文件1.arrays.xml首页发现分类购物车我的2.colors.xml#3F51B5#303F9F#FF4081#f9f9f93.strings.xmlMyApplic
Allen.Su
·
2023-08-27 07:31
Android
Android
微信小程序开发动态设置tabbar
需求描述不同身份的用户登录后,动态更改
底部导航
栏,也就是tabbar。注意不是简单改变tabbaritem的样式,而是需要更改item文字,icon,关键是跳转链接pagePath。
西涯三锋
·
2023-08-27 05:17
前端实践
vue
小程序
uni-app
uniapp 普通页面跳转到tabBar页面详解(附加代码+uni.switchTab使用)
问题描述首先先说下实现什么功能:我想从一个普通页面跳转到tabBar中页面(这里指的页面是:小程序中
底部导航
那几个图标点击后所对应的页面),一开始我使用的是uni.navigateTo,但是跳转没有效果
夏小花花
·
2023-08-26 18:15
uniapp
javascript
Vue
uni-app
vue.js
javascript
前端
微信小程序
电商项目
底部导航
栏
html页面首页购物车我的exportdefault{name:"home",data(){return{homeActive:true,cartActive:false,myActive:false,}},created(){this.changeStyle(this.router.replace(url)this.changeStyle(url)},changeStyle(url){conso
Sunshine_488c
·
2023-08-25 14:02
底部导航
栏模板
这样的效果importReact,{Component}from'react'import'./css/style.css'exportdefaultclassAppextendsComponent{state={list:[{id:1,name:"首页"},{id:2,name:"推荐"},{id:3,name:"我的"}],activeIndex:0}render(){return({this
高山我梦口香糖
·
2023-08-25 07:50
封装
javascript
前端
css
微信小程序路由以及跳转页面传递参数
/daka/daka',})},会保留返回箭头
底部导航
跳转在app.json写入即可"tabBar":{"list":[{"pag
锅盖哒
·
2023-08-24 22:52
微信小程序
小程序
如何申请Tim高级账户
首先打开Tim点击
底部导航
栏中间那个:然后底部有一个了解更多:邀请三个好友即可申请位高级账户。原文:MaoFourteen
iOS分享
·
2023-08-24 09:09
Android BottomNavigationView
底部导航
该控件可以为我们很方便提供
底部导航
,下面我们介绍一下该控件。
qq_21467035
·
2023-08-22 23:56
View
android
抖音怎么用抖音号登录上去?大陆怎么登陆tiktok,?
步骤2:点击“我”按钮在
底部导航
栏中,找到“我”按钮,点击进入个人页面。步骤3:选择“登录/注册”在个人页面上方,找到“登录/注册”按钮,点击进入登录页面。➤想要网购,但又觉得价格有点贵?
专注优惠省钱
·
2023-08-22 23:43
uniapp项目-配置pages.json
1.配置tabBar说明:selectedcolor是选中的颜色;lists
底部导航
栏的每个导航项的列表,"pagePath":导航项关联的页面路径。"text":导航项显示的文本内容。"
FOREVER-Q
·
2023-08-22 02:05
uni-app
uni-app
vue.js
前端
Android动态获取底部虚拟导航栏高度
//获取
底部导航
的高度publicstaticintgetBottomStatusHeight(Contextcontext){inttotalHeight=getDpi(context);intcontentHeight
“嗯哈
·
2023-08-20 18:04
android
java
开发语言
uniapp如何控制
底部导航
栏的显示隐藏
配置
底部导航
栏结构在pages.json中,配置tabBar"pages":[{"path":"pages/home/index","style":{"navigationBarTitleText":"
予你@。
·
2023-08-20 04:03
uniapp
uni-app
关于uniapp自定义
底部导航
栏
昨天技术组长让我用uniapp做一个h5的页面,但是设计给的设计图底部的tabbar是这样的自己以前都是用uniapp自带的tabbar,于是乎就研究了一下如何自定义一个tabbar的组件1.首先去components文件夹下创建tabbar.vue组件2.先在data中定义一个数据,里面填写自己所用到的底部点击按钮,其中包括名字,选中图片的路径,未选中的图片的路径和点击之后跳转的页面。然后模板中
成都某厂打工人
·
2023-08-20 04:03
uni-app
前端
uniapp自定义
底部导航
栏以及解决切换选项卡页面闪烁问题
写在前面:文章路径:uniapp自定义
底部导航
栏以及解决切换选项卡页面闪烁问题|HelloWorld(helloworldeng.github.io)需求分析目前开发一套“同城跑腿平台”小程序,面向用户和骑手
星星睡觉的时候不困
·
2023-08-20 04:03
uni-app
uniapp
前端
小程序
uniapp设置tabbar
底部导航
栏
uniapp在pages.json中提供tabBar配置。本文记录日常配置tabbar中的主要属性和代码实现一、常用属性及说明属性类型必填描述colorHexColor是tab上的文字默认颜色selectedColorHexColor是tab上的文字选中时的颜色tabBar中的list是一个数组,只能配置最少2个、最多5个tab,tab按数组的顺序排序。list的常用属性如下:属性类型必填描述pa
风筝风
·
2023-08-20 04:33
uniapp
uni-app
javascript
uniapp自定义tabbar
底部导航
栏
uniapp自定义Tabbar文章目录uniapp自定义Tabbar效果图定义组件templatejstabbar接口返回数据效果图css使用组件效果图tip:如效果图tabbar切换时感觉会小闪,个人在真机上测试不明显定义组件template{{item.text}}jsexportdefault{name:'diy-bottom-nav',props:{value:{//tabbartype:
Smile_ping
·
2023-08-20 04:03
uniapp
自定义tabbar底部导航栏
uniapp自定义tabbar
tabbar中间凸起菜单按钮
uniapp自定义
底部导航
栏(非必要不建议使用)
一,将pages.json中的tabbar改为如下即,只保留路径"tabBar":{"color":"#333","selectedColor":"#EB3477","backgroundColor":"#fff","borderStyle":"black","list":[{"pagePath":"pages/index/index"},{"pagePath":"pages/find/find"
juvialoxer
·
2023-08-20 04:03
javascript
vue.js
前端
uniapp实现
底部导航
栏
首先在pages.json中找到"globalStyle",在它下面建立"tabBar"如下:"tabBar":{"color":"#7A7E83","selectedColor":"#3cc51f","borderStyle":"black","backgroundColor":"#ffffff","list":[{"pagePath":"pages/component/index","icon
方哲Beans
·
2023-08-20 04:32
uni-app学习
uni-app
servlet
html
uniapp隐藏
底部导航
栏(非自定义
底部导航
栏)
uniapp隐藏
底部导航
栏看什么看,要多看uni官方文档,里面啥都有看什么看,要多看uni官方文档,里面啥都有uniapp官方网址:uni设置TabBar//展示uni.showTabBar({animation
翠花517
·
2023-08-20 04:02
uni-app
uniapp + uviewui —— u-tabbar的使用
注:每个
底部导航
页面里都要有该代码才能生效1.pages.json生效代码“custom”:true"tabBar":{"custom":true,"list":[{"pagePath":"pages/
Juliet_xmj
·
2023-08-20 00:57
插件及UI框架开发问题解决
小程序
uni-app
前端
微信小程序
Flutter 自定义
底部导航
分栏
image.png自定义tabItemimport'package:flutter/material.dart';classGJTabItemextendsStatefulWidget{//正常的图片finalStringiconNormal;//选中图片finalStringiconSelect;//正常文字颜色finalColortitleColorNormal;//选中文字颜色finalCo
fordG
·
2023-08-19 17:26
uniapp 开发小程序之实现不同身份展示不同的 tabbar(
底部导航
栏),附带相关问题解答
效果展示:引言在开发过程中逐渐意识到uniapp原生的tabbar可能不能满足开发要求,通过浏览博客才选择使用uView的Tabbar
底部导航
栏来实现,我选择用的是2X版本安装我是使用Hbuilder插件的方式引入的组件库
阿晨12138
·
2023-08-19 05:46
wx小程序
uni-app
小程序
Android
底部导航
栏中间凸起、动态配置替换
底部导航
栏Tab图标(按钮、标签)的实现方案
https://blog.csdn.net/u011733020/article/details/59111618标签:
底部导航
栏中间凸起、动态配置
底部导航
、
底部导航
中间大圆圈类似京东淘宝等app,在一些节假日的时候
随心随性_0a25
·
2023-08-18 16:55
优雅实现微信小程序动态tabBar,根据不同用户角色显示不同
底部导航
背景在开发小程序过程中,有个需求是,小程序底部的tabBar需要根据不同用户角色显示不同
底部导航
。此时就需要用到自定义
底部导航
custom-tab-bar。
赢乐
·
2023-08-18 10:43
小程序
微信小程序
小程序
Android 11 修改
底部导航
栏显示半透明背景
---a/sprd/frameworks/base/core/java/com/android/internal/policy/PhoneWindow.java+++b/sprd/frameworks/base/core/java/com/android/internal/policy/PhoneWindow.java@@-2474,7+2474,7@@publicclassPhoneWindow
最乱纷飞的code
·
2023-08-17 05:20
Android系统
android
uni-app自定义tabbar
底部导航
uni-app中原生tabbar配置和小程序差不多,具体配置查看这篇文章https://uniapp.dcloud.io/collocation/pages?id=tabbar"tabBar":{"color":"#7A7E83","selectedColor":"#3cc51f","borderStyle":"black","backgroundColor":"#ffffff","list":[
·
2023-08-17 00:13
uni-appvue.js
Android Studio初学者实例:Fragment学习--仿美团外卖界面
本次课程为Fragment为主题,课程的示例仿美团外卖界面,不同于
底部导航
栏的Fragment案例,此界面分为左侧切换与顶部切换。本文先是发布代码与效果,后续讲解将会在后续补充。
林林要一直努力
·
2023-08-15 19:51
Android初学者
android
studio
学习
android
android来回切换layoit,Android中使用ViewPage2+TabLayout的实现
底部导航
切换
ViewPager2,一看名称就知道是我们Android中常用的ViewPager功能相似的控件,算是ViewPager的升级版。目前已经到稳定的2.1.0.0版,我们可以直接引入来使用了:我们先来看看有哪些功能和使用上的变化:1.Api的变动:FragmentStateAdapter替换了原来的FragmentStatePagerAdapterRecyclerView.Adapter替换了原来的
weixin_40007804
·
2023-08-13 02:04
uniapp 自定义写
底部导航
栏
项目的需求是根据用户的权限判断,当前显示哪些菜单。项目使用uniapp+vue3.01根据前端写的项目目录来判断当前返回的路由是否有相同的,因为是数组所以做了封装函数来判断当前的路由数组。//函数封装functionresArr(arr1,arr2){constappTabs=[];arr1.forEach(v=>{arr2.forEach(val=>{if(val.path==v.pagePat
不懂事的哼哼
·
2023-08-12 13:34
uni-app
vue.js
前端
微信小程序
底部导航
栏最多只能显示五个,解决办法
可以使用scroll-view实现类似tabBar的效果可以使用scroll-view组件来自定义一个可以滚动的TabBar,将每个Tab子页面放在scroll-view内,然后通过scrollIntoView()方法来滚动到对应的Tab。具体操作步骤如下:在页面中添加scroll-view组件:{{item.text}}其中,tabBarList是一个包含所有TabBar子页面信息的数组,scr
smallmww
·
2023-08-11 16:59
前端
微信小程序
小程序
javascript
前端
Flutter实现
底部导航
栏(2)
E567DB25BCEE069209447E58EE55F9DA.jpg代码链接:https://share.weiyun.com/5e6D7U2import'package:flutter/cupertino.dart';import'package:flutter/material.dart';import'dart:io';import'package:flutter/services.da
it奔跑在路上
·
2023-08-10 14:08
Navigation
底部导航
栏通过BottomNavigationView实现,具体的导航栏按钮通过app:menu来指定menu
微光下的角落
·
2023-08-09 20:26
安卓:BottomNavigationBar——
底部导航
栏控件
BottomNavigationBar介绍二、BottomNavigationBar的常用方法及其常用类(一)、常用方法1.添加菜单项2.移除菜单项3.设置选中监听器4.设置当前选中项5.设置徽章6.样式和颜色定制7.动画效果8.隐藏
底部导航
栏
敬往事一杯酒哈
·
2023-08-09 10:17
第三方库
python
开发语言
2020-04-23
react-navigation/bottom-tabsnpminstall@react-navigation/material-top-tabsreact-native-tab-view//原生导航//堆栈导航//
底部导航
大马虎
·
2023-08-07 06:24
秒赞网使用帮助
答:首先需要在网站添加您需要秒赞的QQ,点击首页的秒赞模块和添加秒赞,以及
底部导航
的秒赞都可以添加QQ,进入添加QQ页面后,输入QQ的账号密码即可添加,由于腾讯检测的限制,首次账号密码添加可能会添加不上
我爱云任务
·
2023-08-07 06:06
uniApp自定义
底部导航
栏 凸起效果
今天的需求是自定义导航栏,后来想了想可能又要考虑到适配机型的情况,还挺麻烦的所以先去看了下uview组件库,没想到人家都已经有写好的了和我需求完全相符。基本教程看文档就会很简单https://www.uviewui.com/components/tabbar.html以下主要讲使用时候遇到的几个坑1.数据可以放到vuex但是直接引用会h5正常,小程序失效,必须在组件的onLoad里面重新赋值一次例
Nomal_1bit
·
2023-08-06 17:16
小程序
uniapp 底部菜单_uni-app 自定义
底部导航
栏的实现
这是我目前发现较好的uni-app自定义
底部导航
栏方法,其他方法的缺点主要是在切换时,要么会闪烁,要么会每点击一下,都会请求一次数据。
weixin_39716800
·
2023-08-06 17:16
uniapp
底部菜单
微信小程序自定义
底部导航
栏遮挡页面内容(已解决)
今天也是努力写毕设的一天~这几天在实现旅行日记的笔记详情界面,先实现了自定义的
底部导航
栏,在这里我使用的是iViewWeapp,具体的介绍我放在这里了~快速上手iViewWeapp跟着里面的介绍下载代码再放到自己的项目里就可以了
time ocean
·
2023-08-06 17:16
小程序
wxss
底部导航栏自定义
遮挡界面
uni-app uView自定义
底部导航
栏
因项目需要自定义
底部导航
栏,我把它写在了组件里,基于uView2框架写的(vue2);一、代码在components下创建tabbar.vue文件,代码如下:exportdefault{name:"TabBar
一个小点点.
·
2023-08-06 10:16
uni-app
html
javascript
Android
底部导航
栏BottomBar
一、添加依赖//BottomBarimplementation'com.roughike:bottom-bar:2.3.1'二、创建一个res/xml/bottombar_tabs.xml三、activity_main.xml中四、MainActivity代码packagecom.example.demo.ui;importandroidx.fragment.app.Fragment;import
我挺平凡
·
2023-08-06 04:02
layui表格高度
相当于margin-bottom:100px今天在看页面的时候发现,在低分辨率下,
底部导航
缩小和放大的底部留白不同。后来发现是我写的一个获取页面导航
sang之
·
2023-08-04 21:08
其他
Flutter写一个android
底部导航
栏框架
废话不多说,上代码:import'package:flutter/material.dart';voidmain(){runApp(MyApp());}classMyAppextendsStatelessWidget{@overrideWidgetbuild(BuildContextcontext){returnMaterialApp(title:'BottomNavigationBar',the
Jushden
·
2023-08-04 11:30
flutter
android
android
studio
Dart
使用hbuilder X创建uniapp项目
-项目,如图:二、在弹窗内,填写项目名称,选择你自己需要的项目案例,可根据自己需求选择vue版本2/3,如图:三、这时你的项目已经创建好了,自动由hbuilderX打开,项目大致文件内容如图:四、设置
底部导航
跳转
天使的同类
·
2023-08-02 20:09
vue.js
uniapp
vue.js
前端
uniapp
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他