请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

Freya.Li
中级会员   /  发表于:2021-9-1 10:00  /   查看:3861  /  回复:0
本帖最后由 Timothy.Xu 于 2021-9-18 11:07 编辑

很多同学想要实现页面切换的效果,同时又不想使用默认的选项卡的样式,如下图所示的效果,这种效果要如何实现呢?



页面切换自定义导航栏.gif
步骤一:创建两个按钮待处理和已处理,给其设置对应的样式,背景色白色,前景色黑色,无边框
image.png553672179.png

步骤二:设置页面容器
页面容器还不清楚的同学可以去这里学习:https://help.grapecity.com.cn/pa ... ion?pageId=56526439
image.png730293884.png

步骤三:设置条件格式,实现点击的样式
  • 设置一个隐藏单元格,标识点击的按钮,待处理为1,已处理为2

image.png313966979.png
  • 根据数值1和2设置条件格式样式
1)新建规则,待处理按钮判断值为1设置文字颜色绿色;已处理按钮判断值为2设置文字颜色绿色

image.png774857177.png
待处理按钮设置:
image.png422127379.png

已处理按钮设置:

image.png644732360.png

2)按钮下方横线条件格式设置,通过条件格式根据数值设置背景色实现
待处理下方样式:

image.png659053039.png

已处理下方样式:
image.png850116271.png

步骤四:按钮点击命令
待处理设置命令,设置页面容器的值为点击时要显示的页面(待处理页面),同时设置隐藏单元格的值为1

image.png439197387.png

已处理设置命令,设置页面容器的值为点击时要显示的页面(已处理页面),同时设置隐藏单元格的值为2
image.png134807433.png


步骤五:调整行高为2(或你觉得合适的值)
image.png139611205.png



页面切换实现.fgcc

81.64 KB, 下载次数: 164

评分

参与人数 1满意度 +5 收起 理由
追风 + 5

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 立即注册
返回顶部