展开收起小图标
来源:学生作业帮助网 编辑:作业帮 时间:2024/09/23 07:22:47 字数作文
篇一:很不错的根据内容展开与收起部分内容
window.onload = function ()
{
varaDiv = $("#Expansion_pack");
vari = 0;
for (i = 0; i { (function () { varoDiv = aDiv[i]; var oH5 = oDiv.getElementsByTagName("h2")[0]; varaP = $('.inExpansion_packtr'); variHeight = oH5.offsetHeight + aP[0].offsetHeight * aP.length; variLimitH = oH5.offsetHeight + aP[0].offsetHeight * 5; varbShow = false; if (aP.length>5) { oDiv.style.height = iLimitH + "px"; else bShow = !bShow; doMove(oDiv, bShow ? iHeight : iLimitH); })() } functiondoMove(obj, iTarget, callback) { clearInterval(obj.timer); obj.timer = setInterval(function () { variSpeed = (iTarget - obj.offsetHeight) / 5; oH5.innerHTML = "展开↓"; } { oH5.innerHTML = "收起↑" } oH5.onclick = function () { oH5.innerHTML = bShow ? "收起↑" : "展开↓" }; iSpeed = iSpeed> 0 ? Math.ceil(iSpeed) : Math.floor(iSpeed); iTarget == obj.offsetHeight ? (clearInterval(obj.timer), callback && callback()) : obj.style.height = iSpeed + obj.offsetHeight + "px" }, 30) } } div.xx{overflow:hidden; margin-bottom:1px} div.xx h2{padding:0;margin:0;height:30px;line-height:30px; cursor:pointer; color:#3A529F} .inExpansion_pack{} .table-box td{height:28px; border:#ffffff 1px solid; color:#5E77A0; font-size:12px; font-weight:normal; text-align:center; }
篇二:点击树节点文字展开或收缩其子节点
ADF中点击树节点文字展开或收缩其子节点
运行环境:JDeveloper 11.1.2.2.0 + Oracle Database 10g Express Edition 10.2.0.1。
默认情况下,只有点击树节点的最左边的三角图标时才能展开或收缩子节点,点击树节点文字时不会展开或收缩子节点。
我们可以通过af:clientListener来实现点击树节点文字时不会展开或收缩子节点功能。
重点步骤说明:
1. 为Tree组件增加ClientListener
Tree组件上发生click事件时将会调用JavaScript函数:expandDiscloseNode。
selectionListener="#{myBackingBean.treeSelectionListener}" rowSelection="single" id="t1">
2. JavaScript函数:expandDiscloseNode
基本逻辑:找到当前选择的节点(只选择第一个),如果该节点处于展开状态,那么收缩;反之则展开。
functionexpandDiscloseNode(event) {
var tree = event.getSource();
varrwKeySet = tree.getSelectedRowKeys();
varfirstRowKey;
for (rowKey in rwKeySet) {
firstRowKey = rowKey;
}
if (tree.isPathExpanded(firstRowKey)) {
tree.setDisclosedRowKey(firstRowKey, false);
}
else {
tree.setDisclosedRowKey(firstRowKey, true);
}
}
3. 运行
直接点击节点文字,就可以展开或收缩其子节点。
4. 常见错误
经常出现的错误是找不到JavaScript函数,这时要仔细检查JavaScript函数文件的位置。 并且要把该文件使用af:resource放到af:document和af:message之间。
5. 在页面初始化时,展开指定的节点
默认情况下,Tree组件只展开第一层根节点,实际场景中可能希望页面初始化时能够展开指定的节点。
我们可以考虑使用JSF LifeCycle在页面初始化时做一些事情,比如展开两级节点:
实现原理和步骤如下:
(1)在Managed Bean中增加一个方法:beforeRenderResponse(PhaseEventphaseEvent)
public void beforeRenderResponse(PhaseEventphaseEvent) {
if (phaseEvent.getPhaseId() == PhaseId.RENDER_RESPONSE) {
FacesContextfctx = FacesContext.getCurrentInstance();
AdfFacesContextadfFacesContext = AdfFacesContext.getCurrentInstance();
booleanisInitialRender = adfFacesContext.isInitialRender();
if (isInitialRender) {
UIViewRootviewRoot = fctx.getViewRoot();
UIComponent tree = viewRoot.findComponent("t1");
if (tree != null) {
CollectionModel model = (CollectionModel)((RichTree)tree).getValue();
JUCtrlHierBindingtreeBinding = (JUCtrlHierBinding)model.getWrappedData();
JUCtrlHierNodeBindingrootNode = treeBinding.getRootNodeBinding();
RowKeySetrks = (((RichTree)tree).getDisclosedRowKeys());
if (rks == null) {
rks = new RowKeySetImpl();
}
if (rks.getSize() == 0) {
List firstLevelChildren = rootNode.getChildren();
for (JUCtrlHierNodeBinding node : firstLevelChildren) {
ArrayList l = new ArrayList();
l.add(node.getRowKey());
rks.add(l);
}
((RichTree)tree).setDisclosedRowKeys(rks);
}
}
}
}
}
在RENDER_RESPONSE之前,并且如果是初次请求该页面,那么找到Tree组件,把第2级节点加到DisclosedRowKeys中。
AdfFacesContext提供了三个方法来判断页面的状态:isInitialRender是否是初次请求;isPartialRequest是否是局部刷新请求;isPostback是否是提交表单后的返回请求。
(2)在页面中的f:view中设置beforePhase,指向方法:beforeRenderResponse。 xmlns:af="http://xmlns.oracle.com/adf/faces/rich" beforePhase="#{myBackingBean.beforeRenderResponse}"> 篇三:新人看的培训资料 1581 ?准备工作: ? 视频资料以及文字培训资料看完了没。 ? 支付宝有没有实名认证。 ? 有没有下载阿里旺旺买家版。 ? 拍单不允许提前收货,不允许用360浏览器 、返利网、淘宝 客、信用卡拍单,有的就卸载掉,不然就把浏览器默认设成别的,违者没利润且停拍单,造成严重后果的下马甲一星期。 ? 私聊你拍单的一律是骗子!单子都是在公屏上发出来的,任 何私聊你去做兼职的都是骗子,请认准我们的QT频道号,我们只有一个公会,就是1581房间,私聊你去别的房间的是骗子!(串公会拍单的下马甲)谨防骗子! ? 还有呢,我们培训时间大概需要3个小时左右。培训过程中不 要随便走开,有事情一定先和我说,停下手中的事情认真跟我学习,不然又要耽误别人时间,你拍单的时候又还是不懂。我希望我培训的学生都是最棒的。谢谢配合! ? 等会我们正式开始培训呢为了确保你们会操作,我会要求你 们多次截图,但是在拍单的时候是只需要截4次的,等会我会提醒你是哪4次图。 QT的使用、1581、找房间 1:首先要找到我们自己的家——1581 见图之后点回车 2:进入QT以后第一件事找到我们自己所在的班级——— 倾城十二组 ——接待部是不可以停留,不许聊天的。注:将来推荐的人必须要改名字 格式十二组XX(你的昵称)推荐XX(他的昵称),不然在这里会被封号,记住了哦!! 然后我们要迅速找到“倾城Ⅻ组 (鬼魅)”,然后点击前面的加号; 找到十二组等单大厅,双击房间名进入房间 那我们也可以进入红房子后点击 这样我们就可以快速进入十二组等单大厅 (以后在十二组等单大厅等单子,有单子了会以广播的形式发到公屏上面,看到了广播之后去找相对应的拍单房间,等单大厅不可以排麦的)。 3:QT的基本使用功能 ——修改房间名片 第1个像电话簿的那个图标就是修改名片的,你点击一下就可以修改了,但是“倾城?XX『⒓组会员』”这些是不能够改的,除非有管理员叫你改,你就可以改,否则会被下马甲的哦。 ——我的位置 第2个像倒置小水滴一样的图标是用来查看我们所在房间位置的。单击一下,就可以快速查看到自己的名片所在位置,并看到房间里的人。 ——查看在线管理员 第3个像小人一样的图标是用来查看在线管理员列表的。单击一下,在图标下方会弹出一个列表,那些黄色和红色马甲的人们就是房间管理员。 ——找人 第4个像放大镜一样的图标是用来找人的。单击一下,在图标下方弹出一个空白输入框,在输入框内输入你要找的人的名字,再点击回车键就可以找到他了。(比如说,我们现在试着找一下 幕池,如图所示) 在空白框内输入幕池,完后点回车。这样就找到你想找的人了。那如果这个人没有上QT,我们是找不到他的哦。 篇四:移动应用界面设计的尺寸设置及规范 【总结】移动应用界面设计的尺寸设置及规范 时间 2014-05-04 15:15:07 青溪·札记 原文 http://jinjuan.me/appdesign-sizesetting/ 主题 用户界面设计 移动应用 刚接触移动应用的界面设计,最先跳入脑海的疑问是:画布尺寸设计多大(特别是Android)、图标和字体大小怎么定、需要设计多套设计稿么、如何切图以配合开发的实现? 本篇将结合iOS和android官方的设计规范、搜集的资料以及工作中的摸索,来分享移动应用界面设计中的尺寸规范等问题,希望能给移动端的新手设计师些许指引。若有不当之处,欢迎斧正。 一、android篇 1、android分辨率 Android的多分辨率,一向是设计师和开发者非常头疼的事儿。尽管如此,对于多分辨造成的复杂问题,也是大家要优先解决的。Android支持多种不同的dpi模式:ldpi 、mdpi 、hdpi 、xhdpi 、xxhdpi 、xxxhdpi 注意,ppi、dpi 是密度单位,不是度量单位 : * ppi (pixels per inch):图像分辨率 (在图像中,每英寸所包含的像素数目) * dpi (dots per inch): 打印分辨率 (每英寸所能打印的点数,即打印精度) dpi主要应用于输出,重点是打印设备上;ppi对于设计师应该比较熟悉,photoshop画布的分辨率常设置为72像素/英寸,这个单位其实就是ppi 。尽管概念不同,但是对于移动设备的显示屏,可以看作ppi=dpi 。 ppi的运算方式是:PPI = √(长度像素数2 + 宽度像素数2) / 屏幕对角线英寸数。即:长、宽各自平方之和的开方,再除以屏幕对角线的英寸数。 以iphone5为例,其ppi=√(1136px2 + 640px2)/4 in=326ppi(视网膜Retina屏) 对于android手机,一个不确切的分法是,720 x 1280 的手机很可能接近 320 dpi (xhdpi模式),480 x 800 的手机很可能接近 240 dpi (hdpi模式),而320 x 480 的手机则很接近 160 dpi(mdpi模式)。 来自友盟指数2014年3月份的数据( 戳这里看最新数据 ): 480 x 800的手机占比最高为31.9%,720 x 1280的手机占比为16.5%位居第二,而240 x 320的手机占比最少为1.0% 。xxdhpi模式的高分辨率1080 x 1920手机占比也越来越高,目前为6.1% 。 2、单位换算方法 android开发中,文字大小的单位是sp,非文字的尺寸单位用dp,但是我们在设计稿用的单位是px。这些单位如何换算,是设计师、开发者需要了解的关键。 * dp:Density-independent pixels,以160PPI屏幕为标准,则1dp=1px。dp和px的换算公式 :dp*ppi/160 = px。对于320ppi的屏幕,1dp x 320ppi/160 = 2px。 * sp:Scale-independent pixels,它是安卓的字体单位,以160PPI屏幕为标准,当字体大小为 100%时, 1sp=1px。sp 与 px 的换算公式:sp*ppi/160 = px。对于320ppi的屏幕,1sp x 320ppi/160 = 2px。 简单理解的话,px(像素)是我们UI设计师在PS里使用的,同时也是手机屏幕上所显示的,dp是开发写layout的时候使用的尺寸单位。 为什么要把sp和dp代替px? 原因是他们不会因为ppi的变化而变化,在相同物理尺寸和不同ppi下,他们呈现的高度大小是相同。也就是说更接近物理呈现,而px则不行。 根据单位换算方法,可总结出: 当运行在mdpi下时,1dp=1px :也就是说设计师在PS里定义一个item高48px, 开发就会定义该item高48dp ; 当运行在hdpi模式下时,1dp=1.5px :也就是说设计师在PS里定义一个item高72px,开发就会定义该item高48dp ; 当运行在xhdpi模式下时,1dp=2px :也就是说设计师在PS里定义一个item高96px,开发就会定义该item高48dp ; 当你的app需要适配多个dpi模式的时候,请参考图1的比例进行换算 。 3、设计稿基本元素的尺寸设置 为了适应多分辨率的手机,理想的方式是为每种分辨率做一套设计稿,包括所用到的icon、设计稿标注等。但在实际开发中,这种方法耗时耗力。所以通常会选择折中的方法。 方法一: 在标准基础上(比如xhdpi)开始,然后放大或缩小,以适应到其他尺寸。不足之处是,对于更高分辨率的手机,图标被放大后会导致质量不高。 方法二: 以最高分辨率为基准设计,然后缩小适应到所需的小分辨率上。缺点是,图标等若都最大尺寸,加载时速度慢且耗费流量较多,对于小分辨率的用户也不够好。 结合友盟的分辨率占比数据、也为了方便换算到android开发中的尺寸单 位, 推荐设计稿的画布尺寸选用 720X1280 ,分辨率仍旧为72ppi(像素/英寸) 。 在android规范中对于导航栏、工具栏等的尺寸没有明确的规定。但根据48dp原则,以及一些主流的android应用的截图分析,总结一下尺寸要求: 状态栏高度: 50 px 导航栏、操作栏高度: 96 px=48dp x 2 主菜单栏高度: 96 px 内容区域高度: 1038 px (1280-50-96-96=1038) Android最近出的手机都几乎去掉了实体键,把功能键移到了屏幕中,高度也和菜单栏一样为:96 px 4、图标和字体大小(来自官方规范文档) a、启动图标(home页或app列表页) 整体大小为48 x 48 dp b、操作栏图标,代表用户在app中可以使用到的最重要的图标 整体大小为32 x 32 dp ,图形实际区域为 24 x 24 dp c、小图标/场景图标,提供操作或特定项目的状态。 比如gmail app 的星型标记、一些内容展开收起用到的向下向上的图标等。整体 大小为16 x 16 dp ,图形实际区域为 12 x 12 dp 。 d、通知图标 如果app有通知,要提供一个有新通知时显示在状态栏的通知图标。整体大小为24 x 24 dp ,图形实际区域为 22 x 22 dp 。 注:android规范提供的尺寸单位是dp,若设计稿尺寸设为720 x 1280 ,图标大小需在规范要求的尺寸数字上乘以2。比如操作栏图标32 x 32 dp ,则设计稿上应该是64 x 64 px 。 篇五:手把手教你去掉电脑桌面图标的小箭头 手把手教你去掉电脑桌面快捷方式上的小图标 一、所用的知识:注册表、命令提示符、注册表编辑器。 二、未处理前的电脑桌面的图标样式,注意此时那些讨人厌的小箭头 三、步骤: 1、 单击【开始】->【运行】 2、 如上图在“打开”命令输入框里键入:regedit.exe命令,此命令用于打开注册表 编辑器。并点击【确定】按钮,会出现下图所示的界面。 3点开HKEY_CLASS_ROOT根键: 如下图所示: (1) 4、找到lnkfile子键并单击如下图所示:(住,不用展开此键,直接在lnkfile单击即可) 5、选中如图所示的IsShortcut键值右击鼠标选择【删除】 6、重启电脑 7、结果如图所示:注意此时已经图标上的小箭头已经没有了 8、恭喜你去掉了那些招人烦的小箭头图标。