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
Tabbar
Flutter-
TabBar
const
TabBar
({Keykey,@requiredthis.tabs,//必须实现的,设置需要展示的tabs,最少需要两个this.controller,this.isScrollable=false
加油小胖
·
2023-11-21 10:58
前端实现移动端Tab栏(附带源码)
文章目录先上图,附带源码index.html主要视图层Main.css主要样式demo.css主要的JS,在index.html引入即可先上图,附带源码提示:一款JS和CSS3炫酷
Tabbar
导航栏动画特效
__不靠谱先生
·
2023-11-21 06:56
前端特效
前端
vue
移动端
Tab切换
css
原生微信小程序学习之旅(一) -来简单的使用
文章目录取消导航栏标头组件创建添加Component组件接收传入的数据页面创建(Page)关于
tabBar
tabBar
自定义样式自定义跳转轮播图轮播图指示点样式改变微信小程序快速获取用户信息路由跳转获取
结城明日奈是我老婆
·
2023-11-21 01:46
小程序
微信小程序
学习
notepad++
【uview】u-upload组件钩子函数before-upload,this指向false问题
目录框架背景:uview1.0框架问题:钩子函数this指向被重写无法获取自身方法与data,H5正常,小程序不正常涉及组件:u-upload的before-upload,u-
tabbar
的before-switch
去成华大道走二仙桥
·
2023-11-20 20:14
uni-app
vue.js
微信小程序
uni-app
前端
iOS开发 修改
tabBar
背景色
第一种方式[[UI
TabBar
appearance]setBarTintColor:[UIColorwhiteColor]];[UI
TabBar
appearance].translucent=NO;第二种方式
隔墙送来秋千影
·
2023-11-20 00:12
flutter组件PageView
这个组件经常用到,而我在项目中用到最典型的是结合bottomNavigationBar实现iOS的
Tabbar
Controller的功能。
一叠纸船
·
2023-11-19 19:50
QT基础入门【QSS】QT伪状态类型和实例
例如,Q
TabBar
吻等离子
·
2023-11-19 18:00
QT基础入门
qt
开发语言
微信小程序面试题大全
搭建页面的结构WXSS页面样式文件js逻辑处理,网络请求json配置当前页面标题和引入组件等app.js可以在里边监听生命周期函数、声明全局变量app.json小程序的全局配置(页面路径、网络超时时间、底部
tabBar
杨爽的博客
·
2023-11-19 16:29
微信小程序
面试题
前端
小程序
微信小程序路由跳转详情
wx.switchTab:跳转到
tabBar
页面,并关闭其他所有非tabB
Tx的练习题
·
2023-11-19 16:55
微信小程序
javascript
小程序
快应用底部导航
://doc.quickapp.cn/widgets/tabs.html代码:{{$item.text}}{{$item.text}}exportdefault{private:{curPage:0,
tabBar
滴滴咚咚咚
·
2023-11-19 05:21
快应用
quickapp_快应用_
tabBar
tabBar
配置项中配置
tabBar
(版本兼容)使用tabs组件配置
tabBar
语法示例问题-切换tab没有反应问题-数据渲染问题解决优化问题-tab的动态配置第三方组件
tabbar
一般首页都会显示几个
乖女子@@@
·
2023-11-19 05:12
h5
快应用
Flutter设置
TabBar
indicator宽度(爆改UnderlineTabIndicator )
文章目录源码探索:修改:使用:在默认的
TabBar
中,indicator的宽度是不可以修改的,每个长度都是平分一个Item的,如下图:这个是未修改的图,下面是修改的图,总的宽度为20总的在源码里翻来翻去
xudailong_blog
·
2023-11-17 06:53
Flutter开发
Flutter
tabbar
TabBar
indicator
indicator
宽度
Flutter
app
flutter
TabBar
含有背景图的demo
效果图:源代码入下:Widgetbuild(BuildContextcontext){returnScaffold(backgroundColor:Colors.transparent,resizeToAvoidBottomInset:false,appBar:PreferredSize(preferredSize:Size.fromHeight(50),child:Container(const
Stop.婷
·
2023-11-17 06:22
flutter
前端
flutter 制作
TabBar
的圆角
参考制作
TabBar
的圆角前言最近开始搞flutter,然后想去使用
TabBar
,遇到了一些坑,记录一下。
氤氲息
·
2023-11-17 06:22
安卓
flutter
android
flutter
tabbar
设置文字背景,不延时
如果是监听index去设置背景颜色的话,会出现延时切换颜色的问题,可以做以下操作
TabBar
(isScrollable:true,indicator:BoxDecoration(color:Colors.red
氤氲息
·
2023-11-17 06:22
11
flutter
flutter
tabBar
的属性及自定义实现
flutter
tabBar
的属性及自定义实现前言一、
TabBar
是什么?
半身风雪
·
2023-11-17 05:20
Flutter
进阶
flutter
开发语言
Flutter
TabBar
自定义 indicator 的宽、高、圆角
Flutter
TabBar
indicator提供了高度和形状的设置,没法直接设置其宽度;所有需要通过indicator参数来重新绘制indicator来实现;classMyCustomIndicatorextendsDecoration
hswizy
·
2023-11-17 05:50
flutter
javascript
前端
Flutter系列之设置
TabBar
的tab紧凑排列
我们在使用flutter的
TabBar
组件的时候会发现,
TabBar
当中的tab的是平分宽度的,因为
TabBar
中的tab是一个flex布局,如果你只有两三个tab,想让它紧凑排列,应该怎么办呢?
Mr_tigerchou
·
2023-11-17 05:49
Flutter开发
flutter
tabbar
tabbar自适应
flutter
TabBar
设置圆角背景
flutter
TabBar
设置圆角背景废话不多直接上图!
安卓铁头娃
·
2023-11-17 05:44
flutter
android
ios
Flutter-
TabBar
的使用说明
Flutter-
TabBar
的使用说明在AppBar中有一个非常重要的Widget,这个Widget就是bottom,bottom是一个抽象类PreferredSizeWidget,可以看到一共有5个Widget
augfun
·
2023-11-17 05:43
Flutter
Flutter
tabbar
自定义indicator的固定宽度、圆角
看看源码研究一下:那么找到
TabBar
有一个indicator的属性。
Vito.ZJX
·
2023-11-17 05:13
tabbar
flutter
Flutter 自定义
TabBar
的指示器indicator<转载>
Flutter自定义
TabBar
的指示器indicator转载地址:https://www.jianshu.com/p/878fd1cf7ca9使用:
TabBar
(controller:_tabController
不是吧这么难
·
2023-11-17 05:42
flutter
android
flutter
TabBar
指示器
第一层tabViewimport'package:jade/configs/PathConfig.dart';import'package:jade/customWidget/MyCustomIndicator.dart';import'package:jade/homePage/promotion/promotionPost/MyPromotionListMainDesc.dart';impor
小蜜蜂嗡嗡
·
2023-11-17 05:10
flutter
Android Studio 自定义底部导航栏(
TabBar
),使用Constraint LayOut来DIY导航栏,模仿微信导航栏
AndroidStudio自定义底部导航栏(
TabBar
),使用ConstraintLayOut来DIY导航栏遇到的问题设计步骤遇到的问题最近在做一个模仿微信的项目,当开发到主界面的时候,我一开始偷懒用了
邓洲
·
2023-11-16 23:09
Android
android
iOS-自定义悬浮
TabBar
最近在写一个需求,自定义
TabBar
,自定义
TabBar
一般有两种方式:①创建一个类继承系统的UI
TabBar
,在layoutSubviews方法中重新调整按钮的位置,再通过[selfsetValue:
翀鹰精灵
·
2023-11-16 23:07
java
vue
android
python
ios
android 底部固定图标,【报Bug】android本地打包apk后,底部
tabbar
的图标消失
所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)[内容]重现步骤[步骤]HBuilderX版本更新[结果]运行后Android的底部
tabbar
知乎商业小管家
·
2023-11-16 23:07
android
底部固定图标
android动态添加顶部
tabbar
,Android自定义底部导航栏-
Tabbar
implementation'com.jakewharton:butterknife:8.8.1'annotationProcessor'com.jakewharton:butterknife-compiler:8.8.1'二、开始写布局1、
Tabbar
洪文律所
·
2023-11-16 23:07
flutter
Tabbar
方法一(不带过度动画,IndexedStack方式)//Anhighlightedblockimport'package:flutter/cupertino.dart';import'package:flutter/material.dart';import'package:flutter/services.dart';//引入3页import'./car_page.dart';import'./
万 志 鹏
·
2023-11-16 23:05
flutter
android
ios
uni-app 入门教程 —— 项目创建及原生
tabbar
配置
uni-app是使用Vue.js开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台。相比原生小程序开发,APP两端原生开发,学习开发成本更低,平台自带的组件丰富,运行体验效果非常好,广受开发者欢迎。开始之前,开发者需先下载安装如下工具:HBuilderX:官方IDE下载地址1、创建第一个uni-app项目在点击工具栏里的文件->新建->项目:选择左
ShopWind电商系统
·
2023-11-16 23:05
uni-app开发笔记
小程序
前端
javascript
uni-app
Titanium开发android时
tabbar
放在底部
在Android应用中,默认是把
Tabbar
放在顶部的,但是我们经常看到有些应用模范iPhone应用将
Tabbar
实现到底部去,那么在Titanium中我们是否也能实现将
Tabbar
放到底部呢?
cugbmao2010
·
2023-11-16 23:03
Titanium
移动开发
java
【android】如何用RedioGroup实现ios中
TabBar
的效果·
一、xml设置二、bar_home_selector文件的编写,其余类同,放在res/drawable,自己创建三、main_tab_bottom文件的编写,放在了res/values/styles中-1dp-->@color/bottom_text_color11dpcenter@drawable/transparent0dp1.0fill_parent@nulltrue
当白
·
2023-11-16 23:03
Android
android
tabbar
仿ios
Android基础篇-Android底部导航
Tabbar
-[ViewPager+RadioGroup+RadioButton+Fragment]实现
Android底部导航
Tabbar
ViewPager+RadioGroup+RadioButton+Fragment先看看效果图吧【可手势滑动】第一种风格的布局代码第二种风格的布局代码NoScrollViewPager
我唱着黑色毛衣
·
2023-11-16 23:32
Android自定义View
Android四大组件
Android导航
Android 开发:(十三)
TabBar
篇-自定义底部导航栏
一、实现思路:使用RadioGroup和RadioButton实现
tabbar
导航切换功能,而每个页面使用replace方法处理fragment,使其切换的同时重新刷新(add方式是将fragment隐藏了
我有一只小毛驴,可我从来都不骑
·
2023-11-16 23:02
Android
入门篇
Android
学习之路
-
入门篇
tabbar
android
android
tababr
底部导航栏
导航栏
小程序vant组件
tabBar
覆盖内容问题解决方法
小程序项目,在使用vant组件库在使用van-submit-bar时,底部
tabBar
会覆盖调组件内容,注意看此时直接使用组件标签名设置css样式无效,组件内置了一个class写样式添加一个点即可
罗斯(more)
·
2023-11-16 21:09
小程序
微信小程序
uni-app
微信小程序的经验总结,UI组件、图表、自定义bar你学会了吗
目录写在前面1如何使用自定义
tabbar
及权限控制拷贝官方demo中的custom-tab-bar文件到根目录入口文件app.json启用自定义
tabbar
回到自定义custom-tab-bar/index.js
猫小白前端
·
2023-11-16 21:03
小程序
微信小程序
ui
前端
自定义组件中使用深度选择器失效原因,以及解决办法!!!
场景:我把u-
tabbar
自己封装成了自定义组件,然后我想修改tabar的高度,我用深度选择器怎么都不生效,然后我打开检查元素发现,我想修改的目标元素生成的scopedId和我深度选择器生成的scopedId
柑橘乌云_
·
2023-11-16 21:32
微信小程序
ActionSheet被
tabbar
挡住解决方案
一般的ACTIONSHEET的显示方法都是[actionSheetshowInView:self.view];这种方法有局限,就是ACTIONSHEET的cancelbutton会被
tabbar
挡住一半
大新铭
·
2023-11-16 21:31
iphone
button
小程序action-sheet结合自定义
tabbar
显示
要实现此效果,遇到的问题:背景在电脑端调试的情况正常的情况下,手机端点击事件工单,返回回来的时候action-sheet卡住在屏幕上,点击遮罩层都不消失。更奇怪的是这种情况并不是每次发生,而是有时候发生,有时候正常。我思考问题出现在action-sheet的问题身上在t-design中找了好久控制显示和隐藏的方法。但是都没有用处。最后解决方案如下在写的自定义bar中{{item.text}}-->
小美元
·
2023-11-16 21:57
小程序
前端
iOS11适配-Safe Area
topLayoutGuide和bottomLayoutGuide这两个属性,用来描述一个不被任何内容遮挡的屏幕区域,比如说顶部状态栏statusbar、导航栏navigationbar、工具栏toolbar、菜单栏
tabbar
饭小粒
·
2023-11-16 11:25
ios
iOS
safe
area
uniapp基础学习笔记01
文章目录本博客根据黑马教程学习uniapp一、技术架构二、创建项目2.1Hbuilder创建2.2插件安装2.3微信开发者工具配置与运行2.3.1简单修改基础页面2.4pages.json和
tabBar
2.4.1pages.json
猫腻余腥
·
2023-11-16 08:35
uniapp
uni-app
学习
笔记
Flutter
TabBar
自定义宽度设置圆角
//Copyright2018TheChromiumAuthors.Allrightsreserved.//UseofthissourcecodeisgovernedbyaBSD-stylelicensethatcanbe//foundintheLICENSEfile.import'package:flutter/material.dart';import'package:flutter/widg
Dashingl
·
2023-11-16 07:21
Flutter
flutter
flutter
tabbar
设置indicator高度、宽度
import'package:flutter/material.dart';classMyCustomIndicatorextendsDecoration{finaldoubleindWidth;finaldoubleindHeight;finaldoubleradius;MyCustomIndicator({this.indWidth=70.0,this.indHeight=12.0,this.
小蜜蜂嗡嗡
·
2023-11-16 07:19
flutter
javascript
前端
[Android]创建
TabBar
创建一个包含“首页”、“分类”和“我的”选项卡的
TabBar
并实现切换功能,通常可以通过使用TabLayout结合ViewPager或ViewPager2来完成。
风浅月明
·
2023-11-16 01:16
Android
android
uniapp app
tabbar
页面默认隐藏
1.在page.json中找到
tabbar
visible默认为true,设为false则是不显示uni.set
TabBar
Item({index:1,//列表索引visible:true//显示或隐藏}
周zerlinda
·
2023-11-15 13:57
uni-app
前端
uniapp系列-02底部导航开发
底部效果如图:pages文件夹新建4个页面创建页面后自动在pages.json里有代码,如图uniapp官网找
tabbar
的示例代码:"
tabBar
":{"color":"#7A7E83","selectedColor
mylamb194
·
2023-11-15 12:49
uni-app
【零基础学会uniapp系列】8、 静态资源的引用
8、静态资源的引用,通用js的引用,npm包的使用静态资源,指的是程序中用到的图片、图标、字体等内容,这些内容应该存储于:static文件夹下可直接在代码中进行引用:例如:我们在前面
tabbar
的课程中也有介绍过引用
落花生花
·
2023-11-15 12:48
uni
-
app
vue.js
前端
javascript
【零基础学会uniapp系列】6、 底部
tabbar
的使用
如果应用是一个多tab应用,可以通过
tabBar
配置项指定一级导航栏,以及tab切换时显示的对应页。
落花生花
·
2023-11-15 12:18
uni
-
app
前端框架
微信小程序--优购商城项目(7)
vuex3、创建购物车的store模块4、在商品详情页中使用Store中的数据5、实现加入购物车的功能6、动态统计购物车中商品的总数量7、持久化存储购物车中的商品8、优化商品详情页的total侦听器9、动态为
tabBar
绿箭柠檬茶
·
2023-11-14 21:52
微信小程序开发
微信小程序
[微信小程序自学文档一]
tabBar
的一些记录,包括原生使用,组件使用,自定义使用三种
微信小程序合集一.
Tabbar
底部导航要点1.微信小程序中自带的
tabbar
(推荐)在app.json文件中设置
tabBar
属性,包括
tabBar
的背景色、文字颜色、选中态的颜色、图标等。
MeTal先生
·
2023-11-14 21:52
javascript
微信小程序
微信小程序01---小程序初始
目录今日总结1、小程序的介绍①小程序是什么②小程序的发展史③小程序的优势和不足④如何学习微信小程序2、项目的目录结构3、常用配置①配置导航窗口②配置页面③配置
tabBar
4、WXML①组件(标签)的使用
疾风小蜗牛
·
2023-11-14 21:18
微信小程序
前端
微信小程序
小程序
上一页
4
5
6
7
8
9
10
11
下一页
按字母分类:
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
其他