Flex 4 样式与布局
第一篇 Flex 4 与自定义布局(Layout)
Flex 4/Spark组件架构的新功能之一是可以定制一个容器的布局而不必改变容器本身。您需要做的就是定义一个自定义布局。
Flex 4/Spark架构中的容器并不控制它们自己的布局。相反,每种容器具有一个布局属性,用于确定如何在屏幕上设置子元素的布局。可以使用一个单独的Group容器,并赋予其一个垂直布局、水平布局或平铺布局,这取决于您将如何创建它。代码很简单,如下所示:
(参考文章:Flex 4与自定义布局:
译文:https://www.sodocs.net/doc/4e15802812.html,/lihe111/archive/2009/07/06/4325571.aspx
原文:https://www.sodocs.net/doc/4e15802812.html,/2009/05/flex-4-custom-layouts.html)
第二篇 Flex 4 SkinClass 改变组件外观
在Flex 4中,SkinClass指向的文件通常用一个使用s:skin标签(或者sparkskin)的MXML 文件进行定义。通过skinclass来改变外观的spark组件通常也是skinclass引用的Host component。Flex 4 中新的改变外观架构可以在很大的程度上将组件和组件的外观设计分开,这样组件外观设计的代码通过改变小部分的代码就可以得到重用了。
一、SkinClass必须包含的三样东西:
1、HostComponent metadata
SkinClass文件需要引用HostComponent对象,而HostComponent是指需要改变外观的组件。我们可以通过metadata标签来指定HostComponent。如:我们需要设置Button 的外观,那么Button就是HostComponent。
Code:
1.
2.
3. [HostComponent("https://www.sodocs.net/doc/4e15802812.html,ponents.Button")]
4. ]]>
5.
2、States
如果HostComponent中有SkinState(一般用metadata标签来声明),例如:
s: ButtonBase 中包含了 1. [SkinState("up")]
那么在相应的skinclass mxml 文件中必须有如下相应的state : 1.
2.
3、 Skin parts
HostComponent 中的属性可以被定义为必须或者是可选的部分(skin parts ),可选的属性一般通过metadata 标签将其默认设置为false 。如果s:ButtonBase 中包含一下的属性:
那么,skin 文件应该包含一下相应的声明:
二、SkinClass 的使用方法:
(skins.CustomApplicationSkin 为Skinclass 指向的mxml 文件路径) 1、属性引用:
2、
CSS 引入:
3、AS代码指定,比较适合动态皮肤。
三、示例
见word文档《Flex 4 skinclass 简单示例》
第三篇 Flex 4 CSS
Flex 4 对CSS做了很大的改进,虽然还不能像HTML那样随心所欲,但是也能满足任何项目的要求了。
Flex 不支持使用层叠样式表(CSS) 来控制组件的所有可视方面。属性, 比如x, y, width 和height 是UIComponent 类的属性, 而不是其样式, 因此, 无法在CSS 中进行设置。您还必须知道您的主题支持哪些属性。Flex 中的默认主题并不支持所有样式属性。
在Flex 中应用样式有许多方法。某些样式提供更多粒度控制并能以编程方式被执行。其他样式不像那么灵活, 但可能需要较少的计算
一、设置样式的几种方式
?使用本地样式定义
?使用外部样式表
?使用内联样式
可以像设定组件的属性一样在MXML标签中设定样式属性。内联样式的优先级高于本地样式和外部样式。
例如:<:Button id="myButton" fontSize="15" label="My Button"/>
?使用setStyle() 方法
可以在ActionScript中使用方法来操作组件的样式属性。使用setStyle()方法的优先级是最高的。
setStyle() 方法采用两个参数: 样式名称和样式值。
二、Flex CSS样式设置
详细见文档:《FLEX 4 CSS样式设置例》
1、四种基本的选择方式:
1)Type
例如:s|Button{ color: #FFFFFF; }
适合任意一个Button的实例。
2)Universal
例如:* { fontWeight: bold; } (注意要加上*号)
对程序中所有组件的字体都有效。
3)Class:由组件的stylename属性引用
例如:.rounded { cornerRadius: 10;}
则引用为:
例如:#header{ backgroundColor: #FF0000; } (header为组件的ID)
Note:四种方式可以也可以通过组合形成新的选择方式
5)组合方式
例如:.main s|Button{ fontSize: 15; }
即对引用Class 为main的组件内所有Button的样式都有影响。
2、示例(各种使用方法汇总)
1)CssTest.mxml 文件
2)mycss.css 文件
3、效果如下图:
小学语文作业分层设计研究- 摘要:分层作业设计是在新课标的指导下立足于学生综合素质的提升,指导学生掌握基本的语文知识和基本的语文思考能力。秉承科学性、主体性和隐蔽性原则,通过对学生分组管理、分别作业和分层评价来培养小学生良好的心理品质和良好的语文素养。 关键词:小学语文;作业;分层设计 1.小学语文分层设计的必要性 1.1新课程改革的要求 新课程改革要求在小学阶段,教师要立足于学生综合素质的提高,指导学生掌握基本的语文知识和基本的语文思考能力,逐步提高学生的思维能力和创新意识,为学生未来的全面发展奠定基础。而传统的语文教学方法无法满足当前新课程改革的要求,分层次作业设计能够有效的促进每一位学生对语文知识的深入掌握,并通过作业练习,增强学生对知识的灵活应用能力,真正满足新课程改革的教学要求。 传统的语文课堂教学中,语文作业一般是“一刀切”,全班所有学生作业都一样。对于一些语文基础好,成绩优异的学生来说,作业简单,写作业等同于浪费时间,无法满足他们的学习需求。而一些语文基础较差,阅读能力不高,语文水平较弱的学生会感到数学作业量太大。久而久之,学生都会感到语文学习枯燥无味。分层作业设计应用于初中语文作业,能够根据每一位学生的兴趣特点、学习能力,有效提升学生语文学习的乐趣和写作业的热情,为语文教学带来一定的积极影响。 1.3有利于提升小学生的思维能力
作业是利用课后时间巩固课堂教学的重要方式,也是加深学生理解知识,提高其学习能力的重要途径。教师能否结合学生的个性差异,因人而异的布置作业,对于小学生学习能力的培养和个人的全面发展非常重要。分层作业设计灵活运用于小学语文作业,能够有效提升小学生的语文学习适应能力,培养每一位小学生的语文思维能力和创新意识,为小学生的成长和发展奠定良好的基础。 2.语文分层作业实施的原则 2.1科学性 教师要对学生进行分层布置作业,首先要了解学生,了解班级学生语文学习成绩、学习基础、学习态度的差异。还要了解学生的兴趣爱好和个性特点。其次教师实施分层作业时要统一标准,设计出一致内容的测试题目,来检测学生知识基础和学力水平差异。通过开展多领域、多层次测试,统计出测试结果。根据学生非智力因素,科学客观地确定好学生层次。 2.2主体性 教师编选语文作业题时需要尊重学生主体地位,积极采纳学生建议和意见。设置作业需立足于引导学生主动积极地学习,将作业设计成为多层次、多梯度的可选性作业。学生按自我学习兴趣和学习能力自主选择,积极参与到作业设计全过程中,能够提高自身的语文知识理解能力。 2.3隐蔽性 分层作业时最关键的问题是怎样对学生分层。倘若只是将小学生学生根据标准划分成优等生、中等生和学困生,然后将划分标准告知学生,会对学生的学习情绪造成消极影响。小学学生对于教师明确分层的态度感到不满。容易导致优等生会骄傲,认
“作业分层布置法”推广及应用 城郊四中 作业分层布置是从我们教学的实际需要而产生的。从下面两个案例中可以看出“吃大锅饭”和“一把尺子”量到底对大部分学生从成绩到心理品质上都会造成很大影响。分层布置作业后再分层考核,则更有利于学生健康心理和人格的培养。 关键词:案例分层布置反思测评 通常我们设计作业,都是统一题目,好、中、差生一个样,这不利于优差生通过作业练习在自己的“最近发展区”得到充分发展。作业评价也是用统一标准,或好或差,或对或错,这样根本不能调动全体学生(特别是差生)作业的积极性。为了使作业设计切合各类学生的实际,为了使作业评价能有实效,笔者尝试使用“分层设计”学生作业、“分类评价”学生作业的方法,使好、中、差各类学生都能形成积极进取的学习风气,有利于各类学生通过作业巩固所学知识,形成技能,发展智力。 案例1: 二元一次方程组是在学习了一元一次方程基础上的提高。今天我们学完了二元一次方程组的两种解法----代入消元法和加减消元法。这节课是习题课,做课后的“综合运用”和“拓展探究”题。笔者在作业布置后就在教室内进行巡视和个别指导,大半节课后,基础好的同学已经
做完了所有的题,开始没有事干了;而基础差的同学一节课就在一个题上磨蹭,丝毫没有进展。我看了很着急,问他们是怎么回事,他们说:“不会做”。原来是他们不会分析,有的把方程组列好了,解方程组又有问题。就这样,时间一分一秒的过去,可他们却完全没有收获。他们每天的作业不是抄别人的就是不做,我也知道他们没办法,因为问题欠得太多了。 案例2: 今天,我们利用两节课的时间来检测“二元一次方程组”的掌握情况。我把试卷分发给学生,学生拿着试卷后便:八仙过海,各显神通地做开了。两节课很快过去了,做得好的同学有得满分或九十多分的,做得差的有近十个人在四十分以下。他们两节课作题完全没有进展,因为这些同学从小数学都很差,没有数学基础,再加上每天都跟着“大部队”走,天天“坐飞机”,作业更是不抄就欠,所以考试更不会有什么好效果了。这些同学在考试时也很累,他们心理很着急,两节课咬着笔杆,心急如焚。成绩下来后更是“伤口上撒盐”,差生就是这样多次受伤而造成的。 评析: 试卷发下来后,笔者找他们交流情况,找出问题所在。他们说:每天的作业因为不会做而做不完,老师要求交作业时,不是抄作业就是欠作业,其他人用20分钟完成的作业,而我们用一个小时都不能解决,建议老师给我们少布置一点作业,布置简单一些的作业。的确,我们在教学中没有承认学生中存在的个体差异,就象一个人只能背50千
《分层次布置作业》课题结题总结报告摘要:为使每位学生都能有所学,充分考虑学生的个体差异,避免 “一刀切”的做法,布置作业时可以采取分层次布置的方法,既可以教 师为指定作业层次,也可以由学生选择适合自己完成的作业。这样做, 有利于培育学生的自尊感、有利于学生设定并实现目标、有利于学生自 我指导学习、有利于学生正确的自我评价、有利于学生参与其他数学活 动。 关键词:分层次作业自尊目标评价 1、研究背景 进入二十世纪九十年代以来,在中国教育界乃至全社会,“素质教育” 无疑是出现频率最高的一个词。虽然素质教育在理论上还不够完善,在 实践上也有待深化,至今社会上仍有人对素质教育持怀疑或观望的态度, 但全面实施素质教育,已越来越成为我国基础教育不可逆转的一大趋势。 应试教育的一大弊端是学生学习负担过重,所以实施素质教育首先就遇 到一个给学生减轻负担的问题。由于认识的片面,导致一些学校出现了 “放羊”现象。在学校实施素质教育,在对待学生学习负担和考试压力 问题上,决不是让学生学习负担越轻越好,也不是让学生的压力越轻越 好,对这个问题一定要有科学的认识。要知道一定的负担量和一定的学 习压力对提高学习效率有积极意义,关键是做到适量、适度,这涉及到 如何把学生的学习负担数量化,并根据不同年龄阶段的学生身心发展水 平和学生个别差异,提出不同的学习负担量。没有一个明确的量化指标, 学习负担过重的问题就无法真正解决,就会出现要么负担过重,要么没 有负担,使学生松垮。当前教育工作的量化也成为现代教育发展的一大 趋势,因此要减轻学生学习负担,要避免“一刀切”的做法,充分考虑 学生的个体差异。教师在布置作业时,可以采用弹性作业,有针对全体 学生的最低要求,也有适合中等水平和优秀学生的不同要求,以便在减
一、看板及看板管理的定义 看板就是表示某工序何时需要何数量的某种物料的卡片。看板是一种精简的、整 合化的、传递生产状况的信息载体。 看板管理是利用公司看板协调地管理全公司的生产,将必须的产品,在必须的时 候,仅按必须的数量制造出来的一个信息系统。 二、精益生产之看板管理 精益生产是当今世界先进的管理方法。它起源于日本的丰田公司,因此也称 精益生产方式为丰田生产方式。丰田公司的巨大成功,使得精益生产方式在全球范围内推广开来。 准时生产是精益生产的三大理论支柱之一,而要实现准时生产,需要一个与之配套的信息手段,这就是我们通常所说的看板管理。 精益生产中的看板管理是协调地管理全公司的生产,将必须的产品,在必须的时候,仅按必须的数量制造出来的一个信息系统。这一管理方式,以“准时生产”而闻名。在日本丰田公司,看板管理被看作是整个丰田生产方式中的一个子系统。 三、精益生产中的看板管理之看板分类 看板是实现准时生产的工具,具体地说,通常是一张装入长方形塑料袋里的卡片。 看板一般分两类来使用,也就是“领取看板”和“生产指示看板”。 领取看板:领取看板记载着后工序应该从前工序领取的产品种类和数量。 生产指示看板:生产指示看板指示前工序必须生产的产品种类和数量。 四、精益生产中管理看板的实施 1、实施前提 1)需求方: 稳定的或者可以预测的需求 提供看板量 程序标准化 准时维护数据 2)供货方 供货能力必须不低于需求方的需求 产品质量可控 运输周期稳定可控 合适的包装方案 3)高层管理者重视 这种后工序向前工序要零件的“拉动”方式,其特点是生产计划只下达到装配线上,然后依工序层层向前推进,这对于想引进看板方式的我国是一个严峻的考验。 为了实行这个规则,工厂的最高经营者必须让全体员工服从,还必须作出将迄今为止的生产、搬运、交货的流向完全逆转过来的重大决策。如果不是工厂的最高经营者,而是生产部长,即使想往工厂引进看板方式,因为职位太低,这一规则也难以实施。 说明:看板管理是一种拉动式管理,良好的需方计划是实施看板管理的先决条件!
关于数学作业的分层布置 一、遇到的问题以及困惑: 1、如何准确地将学生进行分组?分组的尺度是什么?如何才能在不伤害学生的自尊心下进行分组? 2、数学作业怎样布置才有效,也就是说每个学生的情况各不相同,分组时难免遇到困难?另外即使是同一个学生,在学习不同的知识时所遇到的问题也是不一样的,如何在布置作业中更好地体现? 3、每一节课所学的内容有所不同,因而难度也就不一样,再加上学生当堂掌握吸收的程度不同,所以应该怎样调节每天的作业才能充分的照顾到每一个学生?而且能够有效的检查学生当天的学习? 4、由于将本班的学生分成了不同的小组,每个小组的作业有不尽相同,这样势必在讲评作业时遇到困难,如何在紧张的学习中抽出充足的时间去订正、讲评前一天的作业? 二、采取的方法和措施: 针对上面所遇到的困惑和问题,经过我们备课组成员的努力,搜寻相关的材料和信息,并且和其他老师探讨,特制定下面的措施: 1、在不伤害学生的情况下选择恰当的分层方法 针对学生的实际,本着不伤害学生的自尊心的前提,在分组时给学生讲清分组的目的和重要性,以消除学生思想中的消极心理,让他们积极配合我们的工作。 因此先让学生根据自己的情况写出自己想分到什么组内?再根据学生平时的表现,把学生分成三个组:其中成绩最好的为A组,成绩中等的为B组,成绩较差的为C组。对学生的分组是由老师掌握的,不对学生公开,防止优生自满、差生自卑,尽量保护低层次学生的自尊心。对学生的分层是动态的,随时注意学生层次的变化,鼓励低层次的学生向高层次发展。 2、根据所学的内容恰当的布置作业及评价方法 在教学中根据各组成绩情况布置相应的作业,每天的作业采用优化的弹性作业结构设计:分基本作业、提高作业、超额作业。凡完成本课时所必须完成的作业,视为基本作业,允许A组学生不做,B组、C组学生人人都要完成。考虑到学生的实际情况,将有些题目作些变化,视为提高作业,供A组和B组的学生完
实验项目名称: CSS页面布局及样式设计 (所属课程:web系统与技术) 学院:计算机学院专业班级:11级计科信息姓名:学号: 实验日期:实验地点:A06-404 合作者:指导教师:李 本实验项目成绩:教师签字:日期: 一、实验目的 (1)掌握CSS中的定位属性使用方法。 (2)掌握DIV+CSS的页面布局方式。 (3)掌握CSS中的常用属性的使用方法。 (4)理解CSS的样式构造。 二、实验条件 安装Web开发环境的微机。 三、实验内容 (1)重新对聊天室的注册页面、登陆页面和聊天页面进行页面布局。 (1)对聊天室的注册页面、登陆页面和聊天页面进行样式设计。 四、实验步骤 (1)注册页面使用CSS将注册表单居中显示,表单内嵌入表格将文本与输入域格式化显示,表单内使用label标签。 (2)登录页面中添加div层用于显示在线用户数。 (3)登录页面使用div将登录表单,在线用户数,logo图片,超链接等页面元素重新定位布局。 (4)聊天页面改用div标签并使用CSS的position定位属性进行布局,框架内的独立页面使用float属性进行布局。 (5)使用CSS设置三个页面的背景颜色或背景图片。 (6)注册页面使用CSS设计所有输入框和提交按钮的样式。 (7)登录页面使用CSS设置的超链接的字体和下划线、登录表单使用圆顶角、在线用户数使用图片数字,使用CSS设计登录按钮的显示样式。
(8)聊天页面中使用CSS设计信息发送表单和发送按钮的样式,设计用户信息列表和聊天信息段落的的显示样式。 五、实验结果 注册界面效果图及代码: