可以折叠的按钮

<Grid>
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Expander Header="可以折叠" Name="expander1" IsExpanded="True" >
<StackPanel>
<RadioButton>中国</RadioButton>
<RadioButton>美国</RadioButton>
<RadioButton>日本</RadioButton>
<RadioButton>法国</RadioButton>

</StackPanel>
</Expander>
<Expander Name="expander2" Grid.Row="1" ExpandDirection="Right">
<Expander.Header>
<Image Source="1.gif" Width="50" Height="50"></Image>
</Expander.Header>
<StackPanel>
<CheckBox>法国队</CheckBox>
<CheckBox>意大利队</CheckBox>
<CheckBox>巴西队</CheckBox>
</StackPanel>
</Expander>
</Grid>

时间： 2024-08-11 01:35:39

可以折叠的按钮的相关文章

常见选项卡内容切换+折叠+展开效果实现

1.选项卡效果预览 2.源码与简要说明 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>切换选项卡功能实现</title> 6 <link rel="stylesheet" href="css/switchTab.css" /> 7 </head> 8 <

如何利用FineReport制作动态树报表

在对数据字段进行分类管理时,利用动态树折叠数据是一个很好的方法,也就是点击数据前面的加号才展开对应下面的数据,如下图.那这样的效果在制作报表时该如何实现呢? 下面以报表工具FineReport为例介绍. 思路: 通过将模版设置为组织树报表,然后通过设置树节点按钮,最好通过数据分析预览或者form表单预览即可查看效果. 步骤: 1.  初步建立模板 建立模板就相当于建立一个excel的sheet,只不过是cpt的形式.把相应的字段拖到单元格内. 2.  增加树节点按钮 通过设置树节点按钮来实现折叠

Bootstrap组件之响应式导航条

响应式导航条:在PC和平板中默认要显示所有的内容:但在手机中导航条中默认只显示“LOGO/Brand”,以及一个“菜单折叠展开按钮”,只有单击折叠按钮后才显示所有的菜单项. 基础class: .navbar 1.Bootstrap中导航条的按位置: 1)顶部导航条 2)底部导航条  Bootstrap中导航条的按颜色: 1)浅色底深色的字 .navbar-default 2)深色底浅色的字 .navbar-inverse Bootstrap中导航条的按定位: 1)相对定位position: re

（五）Jquery Mobile列表

Jquery Mobile列表 一.JM列表 1.普通列表            效果:            带序号的列表 将ul换成ol      效果:       2.data-inset="true" 增加列表的上下左右的距离       3.带小图标的列表      设置class="ui-li-icon"显示图标为中间      效果:       4.带大图的列表            效果:      5.带分割的列表           效果: 

1.3 Illustrator工作区的操作讲解

本节课将向您详细讲解系统界面的操作.点击左侧的左向双箭头,可以将工具箱转换为单列模式. 点击工具箱左上角的右向双箭头,可以将工具箱恢复为双列模式. 再次点击右侧的右向双箭头,将面板区调整为图标模式,可以获得更多的工作空间. 点击左向双箭头,将恢复面板区的正常显示. 点击键盘上的快捷键,可以临时隐藏左侧的工具箱.右侧的面板区和顶部属性栏,赋予您更多的工作空间. 再次点击键盘上的快捷键,恢复工作区的正常显示. 点击键盘上的快捷键,可以临时隐藏右侧的面板区. 再次点击键盘上的快捷键,恢复右侧面板区的正

Bootstraptable源码

// @author 文志新 http://jsfiddle.net/wenyi/47nz7ez9/3/ /**关于插件的通用构造 * * 构造函数PluginName($trigger,options)传入触发元素和配置项,以便在构造函数中使用触发元素 * 写在$.fn.pluginName外围,通过实例化$ele.data('bootstrap.table',(dat=new BootstrapTable(this,options))); * 实例写在触发元素的data属性中,以便调用该实例

IOS开发——UI进阶篇（十八）核心动画小例子，转盘（裁剪图片、自定义按钮、旋转）图片折叠、音量震动条、倒影、粒子效果

一.转盘(裁剪图片.自定义按钮.旋转) 1.裁剪图片 将一张大图片裁剪为多张 // CGImageCreateWithImageInRect:用来裁剪图片 // image:需要裁剪的图片 // rect:裁剪图片的尺寸,传递是像素 CGImageRef norImage = CGImageCreateWithImageInRect(norBigImage.CGImage, clipRect); 2.每次点击按钮立马变为选中状态,并且取消上次的按钮的选中状态 当然还要重写- (void)setH

jQueryMobile 按钮、导航及折叠块组件

按钮.导航栏.折叠块.折叠菜单的生成及方法.事件 1. 按钮 jQueryMobile 自动把button和type属性为submit.reset.button.image的input元素增强为按钮 <div data-role="content" data-theme="b"> <button>Button</button> <input type="submit" value="submit

第 17 章 按钮和折叠插件

学习要点: 1.按钮 2.折叠 主讲教师:李炎恢 本节课我们主要学习一下 Bootstrap 中的按钮和折叠插件. 一．按钮 可以通过按钮插件创建不同状态的按钮. //单个切换. <button class="btn btn-primary" data-toggle="button" autocomplete="off">单个切换</button> 注:在 Firefox 多次页面加载时,按钮可能保持表单的禁用或选择状态.