首页 > 其他分享 >button和pannel实现折叠效果

button和pannel实现折叠效果

时间:2023-01-09 09:44:54浏览次数:41  
标签:pannel 控件 button Dock Top 折叠 panel

今天在网上查了下折叠式菜单,资源倒是不少,但是实现过程极为繁琐,看到都怕怕,ctrl+c的勇气都没有,于是自己尝试着弄一下,没想到还真的给整出来了,最终效果还蛮不错的。
需要借助panel控件,先搭出一个框架来才能进行后续操作,就以button+panel举个例子:
1.在开始UI设计时,先按一个button上来,修改button控件Dock属性为"Top"(最上面那个框)
2.再按上来一个panel,注意此后点上来的控件都不能与其他控件发生重叠,拖到窗体空档处,修改panel控件Dock属性为"Top"
3.重复1

框架搭好后,用button控制panel的显示和隐藏即可大功告成,够精简了吧!

 

 

标签:pannel,控件,button,Dock,Top,折叠,panel
From: https://www.cnblogs.com/adamgq/p/17036047.html

相关文章

  • ExtJS-UI组件-Segmented Button
    更新记录详细更新记录```2023年1月6日从笔记迁移到博客。```转载请注明出处:https://www.cnblogs.com/cqpanda/p/17031386.htmlExtJS教程汇总:https://www.cnblo......
  • P11_组件-button和image组件的基本用法
    其它常用组件button按钮组件功能比HTML中的button按钮丰富通过open-type属性可以调用微信提供的各种功能(客服、转发、获取用户授权、获取用户信息等)image......
  • P11_组件-button和image组件的基本用法
    其它常用组件button按钮组件功能比HTML中的button按钮丰富通过open-type属性可以调用微信提供的各种功能(客服、转发、获取用户授权、获取用户信息等)image......
  • 【Android】学习day05|RadioButton
    注意事项:当使用默认选中标签:check时,必须要给标签加id,否则失效。这个没什么,挺简单的,就记录一下代码【监听事件】packagecom.example.app02;importandroidx.appcompat......
  • Android学习day04【Button】
    报错,代码显示运行成功但是无法在模拟机上显示  原因是没有在包含应有id其二是关于设置背景颜色中关于background与backgroundTint的区别//这是backgroundTint的......
  • 【ADSP-BF561 EZ-KIT Lite】LEDs and Push Buttons
    TheEZ-KITLiteprovidesfourpushbuttonsandsixteenLEDsforgeneral-purposeIO. SixteenLEDs,labeledLED5throughLED20,arecontrolledbytheprocessor......
  • 关于递归Collapse 折叠面板和实现分层折叠互斥效果
    近期要用Collapse折叠面板实现一个递归效果,直接上效果图,实现最终效果是每一层的内容互斥,组件递归的的时候为了实现每一层内容互斥要给每一个el-collapse加上一个v-model,......
  • S2 - Lesson 6 - Percy buttons
    Words beggarbegbegforfoodbegforhelpIbegyourpardon?pardon? food pocketpocketmoney call callonsb.callatsp.Hecallsonhisgrandf......
  • QDialogButtonBox的用法
    #include"dialog.h"#include<QtNetwork>#include<QtWidgets>staticconstintTotalBytes=50*1024*1024;staticconstintPayloadSize=64*1024;//64KBDial......
  • 集大成之作-候选体折叠图合成
    前期做了很多尝试,终于将候选体判断图又推进一步。效果图如下:  2022-12-29 ......