51CTO首页
AI.x社区
博客
学堂
精品班
软考社区
免费课
企业培训
鸿蒙开发者社区
信创认证
公众号矩阵
移动端
视频课 免费课 排行榜 短视频 直播课 软考学堂
全部课程 软考 信创认证 华为认证 厂商认证 IT技术 PMP项目管理 免费题库
在线学习
文章 资源 问答 课堂 专栏 直播
51CTO
鸿蒙开发者社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
鸿蒙开发者社区订阅号
51CTO软考
51CTO学堂APP
51CTO学堂企业版APP
鸿蒙开发者社区视频号
51CTO软考题库
CKA（Kubernetes 管理员认证）精品班
按照企业k8s需求进行技能培训，帮助用户快速拿下CKA认证，K8S采用新版本进行授课，课程内容全、讲解详细 。 免费试学
软考高级：系统架构设计师精品班
根据考试大纲对知识点、高频考点进行深入讲解，传授答题技巧及判断标准，助力高效备考。 免费试学
信创认证：系统架构师精品班（高级）
信息技术应用创新人才考试评价 免费试学

vue tab切换
<!-- 交互的逻辑 1==》如何实现 点击当前的那个菜单 给被点击的元素添加样似 @click="getclcik(index)" 记录当前被点击的元素的下标 :class="{active:cur==index} 如果匹配成功，则给这个元素添加一个类active 2==》如何只显示 点击下标与之
微信
支付宝
背景颜色
转载
朦胧淡月
2022-09-01 17:38:10
548阅读

vue tab 切换
<template> <view> <!-- 内容 --> <view class="content_box"> <view class="content"> <!-- 分类 --> <view class="classification"> <text @click="taskSwitch(0)"
oo
原创
wx62aac82759217
2022-11-26 12:15:52
395阅读

Android FragmentTabHost实现底部tab切换
一、概述：1、实现如下图的底部Tab效果，点击tab颜色变化 2、示例图： 二、FragmentTabHost组成Tabhost,TabWidget,切换的内容容器FrameLayout 层级关系—-FragmentTabHost |—–TabWidget |—–FrameLayout三、布局实现1、实现tabhost采用android.support.v4.app.FragmentTab
android
布局
ico
xml
原创
wx58763b21ae3ed
2023-03-06 09:12:32
440阅读

android开发底部按钮tab切换
# Android开发：底部按钮Tab切换的实现 在Android开发中，底部Tab切换是一种常见的用户界面设计模式，能够让用户方便地在不同的功能页面之间切换。在这篇文章中，我们将深入探讨如何实现一个底部按钮Tab切换，并附上代码示例，帮助大家更好地理解这一技巧。 ## 1. 底部Tab的概述 底部Tab提供了一个用户友好的方式来导航应用的不同部分。通常，它们由几个按钮组成，每个按钮对应一个
Android
状态图
xml
原创
mob64ca12e4594b
10月前
264阅读

android 底部tab栏切换fragment
1，在商城类的项目中我们开始一个项目的时候经常出现这样的需求，如下图所示：下面使用户可以切换的模块，上面是对应的模块的详细内容，实现这个效果有很多方式，可以使用radiobutton+fragment来实现，也可以用LinearLayout+fragment来实现，但是如何很快速的把我们的ui框架给搭建起来呢，今天就给大家介绍使用Fragment+FragmentTabHost来实现。2，说一下F
移动开发
java
ui
android
ico
转载
代码工匠大师
5月前
43阅读

android切换tab底部按钮动画
Android底部导航栏加图片轮播功能实现前言：最近无聊接了个安卓耍耍（主要是同学不好拒绝嘿嘿嘿。。。）下面附上效果图：其实as就有这个自带的功能可以直接创建带底部导航栏的页面，本人上面做了修改大家可以参考。。。废话不多说了上代码1、先写xml文件创建activity_main.xml<?xml version="1.0" encoding="utf-8"?> <android.
android切换tab底部按钮动画
android
ide
xml
转载
mob64ca1405a060
2024-09-16 10:23:42
30阅读

Tab android 选中变大 android底部tab切换动画
在网上看了比较多的关于Tab的教程，发现都很杂乱。比较多的用法是用TitlePagerTabStrip和ViewPaper。不过TitlePagerTabStrip有个很大的缺陷，Tab里面的内容刚进去是没有的，要滑一次才能加载出来。而且滑动的时候，Tab里面的内容位置不是固定的，滑倒最后会出现一片空白，非常不美观。虽然有其他的补救方法，但是非常的麻烦，所以我就按照自己的方法实现了一个。功能不错
Tab android 选中变大
ide
android
布局文件
转载
风之谷启航
2023-06-26 21:50:17
153阅读

vue实现TAB切换
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi ...
html
.net
点击事件
vue.js
其他
转载
mob604756fc3573
2021-09-14 21:31:00
288阅读
2评论

vue-tab切换
<ul> <v-li></v-li> </ul> 而这样写肯定是不行的，这就需要用到 is 特性了。 <ul> <li is="v-li"></li> </ul> 这也就是为什么利用 is 特性可以实现动态切换组件的效果。 keep-alive 指令可以将切换出去的组件保留在内存中，可以保留它的状态
VUE教程
VUe
原创
Aqq_1024
2021-05-20 19:54:56
3785阅读

vue之tab切换
<style> .active{ color: red; } div a{ display: block; } </style> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <body> <!-- 1 循环
数据
html
微信
原创
朦胧淡月
2022-09-01 18:05:29
228阅读

vue实现tab栏切换
注意： 若在最外层tab盒子进行v-for遍历列表，就会出现如下效果： 正确效果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> .tab ul{ over ...
html
javascript
vue.js
其他
转载
mob604756e5d059
2021-08-16 14:14:00
1236阅读
2评论

Vue tab switch切换效果
<template> <div> <div class="switch-box" :style="{ '--translatex': translatex }"> <div v-for="(item, index) in type" :key="index" @click="switchType(i ...
其他
转载
mob604756f8c81a
2021-09-03 09:48:00
543阅读
2评论

Android activity 切换默认动画 android底部tab切换动画
1、通常来说，一般情况下，我们的app的BottomTab会有集中实现方式。自定义view，然后自己写逻辑去实现互斥。 自由度最高，因为啥都是自己写的。使用RadioGroup+RadioButton去实现底部的Tab。 自由度比极高，如果想实现搞复杂度的话可以重写RadioButton。使用google design包里面的 TabLayout去实现。 可上、可下、可以滑动偷懒的话可以根据已有a
压缩文件
java
android
转载
落花有意飞花
2023-07-14 16:58:03
383阅读

android 底部tab切换库 android切换选项卡
利用JavaScript知识，实现选项卡切换的效果。效果图:文字素材:房产：    275万购昌平邻铁三居 总价20万买一居     200万内购五环三居 140万安家东三环     北京首现零首付楼盘 53万购东5环50平     京楼盘直降5000 中信府 公园楼王现房家居:    &
android 底部tab切换库
javascript
ViewUI
选项卡
html
转载
mob64ca14122c74
2024-08-06 08:06:46
12阅读

android 切换activity的动画无效 android底部tab切换动画
最近在学习Android开发，自己看了一些android中Tab页面切换的例子，根据自己的理解写了一个一样的效果，如果有什么写得不对或者觉得有什么不妥，请各位大神指出，具体的效果图如下：  2.废话不说了，直接进入主题，首先创建一个自己定义的android项目（我自己的命名为：MyselfTab）,如下图：  3.Activice主要是使用了以下的四个（MainAct
android
android开发
ide
java
转载
mob64ca14133dc6
2023-10-03 10:59:47
84阅读

vue + element-ui tab切换
1、安装element-uinpm install element-ui --save2、在main.js中引入element 和 css文件// The Vue build version to load with the `import` command// (runtime-only or standalone) has been set in webpack.base...
Vue
App
选项卡
原创
chengzheng183
2023-05-26 05:54:51
228阅读

【微信小程序】底部 tab 切换（100/100）
底部 tab 切换很多开发者都说比起其他前端开发工具，小程序开发写代码最顺滑
微信小程序
小程序
tab
UI
大前端
原创
smartApi
2023-09-19 11:04:36
93阅读

ios底部tab
# iOS 底部 Tab 详解与实现 在许多 iOS 应用中，底部 Tab 是一种常见的导航方式，它可以有效地引导用户在不同的功能模块之间切换。本文将介绍 iOS 底部 Tab 的工作原理及实现步骤，同时附上代码示例。 ## 什么是底部 Tab？ 底部 Tab，通常是指应用界面底部的多个 tab 按钮，用于快速切换应用的不同页面。这种设计可以为用户提供便利的操作体验，让他们可以一目了然地找到
iOS
代码示例
项目开发
原创
mob64ca12ea8117
2024-08-27 03:44:20
130阅读

android 底部 tab
# Android 底部 Tab 导航实现 在 Android 开发中，底部 Tab 导航是一种常见的界面设计模式，特别适用于需要在多个视图之间快捷切换的应用程序。本文将详细介绍如何实现底部 Tab 导航，包括实现的基本概念、代码示例、序列图、类图和一些使用注意事项。 ## 什么是底部 Tab 导航 底部 Tab 导航通常位于屏幕的底部，由几个图标组成，用户可以通过点击这些图标快速切换不同的
xml
Android
布局文件
原创
mob64ca12e60047
9月前
51阅读

Android 底部tab
# 实现Android底部tab ## 1. 流程概述 实现Android底部tab的过程可以分为以下几个步骤： ```mermaid flowchart TD subgraph 创建底部菜单布局 A(在布局文件中添加BottomNavigationView) --> B(设置菜单项) end subgraph 创建Fragment C(创建
菜单项
底部菜单
布局文件
原创
mob649e815ddfb8
2023-09-03 11:20:14
184阅读
  • 1
  • 2
  • 3
  • 4
  • 5
精品课程领资料
免费资料>
2025软考
系统架构设计师 系统规划与管理师 软件设计师 系统集成项目管理工程师
信创认证
系统架构师 信创集成项目管理师 信创规划管理师 系统开发工程师
厂商认证
CKA/CKS架构师 红帽认证工程师 Oracle-OCP认证 Oracle-OCM认证
IT技术
数据库高级工程师 AIGC大模型实战 Linux云计算架构师 Python全栈开发
华为认证
数通HCIP认证 云计算HCIE认证 华为存储HCIE认证 HCIP安全认证
相关文章

antdesign vue2 tabs无法切换 vue中tab切换

android 引导页的tab切换动画 android底部导航栏切换

vue实现一个tab切换

vue tab切换时中断axios请求

vue element tab切换里面 循环表格

tab切换

android底部tab菜单

Android 创建底部tab

android lottie 底部tab

Copyright © 2005-2025 51CTO.COM 版权所有 京ICP证060544号

关于我们
官方博客 全部文章 热门标签 班级博客
了解我们 网站地图 意见反馈
友情链接
鸿蒙开发者社区 51CTO学堂
51CTO 软考资讯