语源科技BlogJava-探索与发现

现在有一段代码, 在不改变主体代码的前提下,使得图片可以向左无简隙的滚动

蜘蛛 — Wed, 15 Sep 2010 14:55:00 GMT

css 样式
.productshow{width:100%}
.productshow .text{list-style-type:none; margin:0; padding:0}
.productshow .text li{line-height:25px; background:url(../t_line.gif) repeat-x bottom}
.productshow .text li A {background:url(../icons/dot1.gif) no-repeat; background-position:0 3px; padding-left:13px}
.productshow .text A:link {color: #000; text-decoration: none}
.productshow .text A:visited {color:#000; text-decoration: none}
.productshow .text A:active {color: #000; text-decoration: none}
.productshow .text A:hover {color: #B00000; text-decoration: underline}
.productshow .pic{list-style-type:none; margin:0; padding:0}
.productshow .pic li{float:left; width:120px}
.productshow .pic li p{text-align:center; line-height:160%; word-break:break-all; width:120px; overflow:auto; }
.productshow .pic li .picture{margin:0 auto; text-align:Center; width:110px; height:110px}
.productshow .pic li .picture IMG{MARGIN-TOP: expression(( 110 - this.height ) / 2); width: expression(this.width > 110 ? 110 : true); height: expression(this.height > 110 ? 110 : true); max-width: 110px; max-height: 110px; VERTICAL-ALIGN: middle; TEXT-ALIGN: center}
.productshow .pic li .sprice{text-align:center;color:#999;text-decoration:line-through}
.productshow .pic li .proname{margin:0 auto; text-align:center; line-height:160%; height:40px; word-break:break-all; width:120px; overflow:hidden}
.productshow .pic li .price{text-align:center;color:#ff0000}
.productshow .pic li .buylist{line-height:25px; text-align:center;color:#6DAADA; display:none}
.productshow .pic .list-line{width:157px}
.productshow .pic .list-line .picture-s{float:left; margin:0 auto; text-align:Center; width:50px; height:50px}
.productshow .pic .list-line .picture-s IMG{MARGIN-TOP: expression(( 45 - this.height ) / 2); width: expression(this.width > 45 ? 45 : true); height: expression(this.height > 45 ? 45 : true); max-width: 45px; max-height: 45px; VERTICAL-ALIGN: middle; TEXT-ALIGN: center}
.productshow .pic .list-line .picinfo{float:left; padding-left:12px; width:95px}
.productshow .pic li A:link {color: #000; text-decoration: none}
.productshow .pic li A:visited {color:#000; text-decoration: none}
.productshow .pic li A:active {color: #000; text-decoration: none}
.productshow .pic li A:hover {color: #B00000; text-decoration: underline}

主体代码

蜘蛛 2010-09-15 22:55 发表评论

为测试 Flex 应用程序设置测试环境

蜘蛛 — Mon, 26 Jul 2010 22:00:00 GMT

为测试 Flex 应用程序设置测试环境

正确的用于测试 Flex 应用程序的环境设置将有助于确保可靠的功能测试结果。测试环境一般由测试人员在测试计算机上进行设置。

关于此任务

要设置测试环境：

过程

检查浏览器的设置：
1. Internet Explorer：
  1. 打开 Internet Explorer。
  2. 单击工具 > 互联网选项。
  3. 单击安全性选项卡。
  4. 选择适当的 Web 内容区域。执行下列某个步骤：
    - 如果在远程机器上配置了 Web 服务器，那么请完成下列步骤：
      1. 选择本地内部网。
      2. 单击站点 > 高级。
      3. 在将此 Web 站点添加到区域字段中，输入要添加到 Web 站点的 URL。
      4. 单击添加，然后单击确定。
    - 如果在本地主机上配置了 Web 服务器，那么请完成下列步骤：
      1. 选择本地内部网。
      2. 单击定制级别。
      3. 在复位至列表中，选择中低。
      4. 在“设置”窗格中，针对初始化且脚本 ActiveX 控件不标记为安全一项单击启用。
      5. 单击确定。
2. Firefox：
  1. 单击工具 > 选项 > 内容。
  2. 清除阻止弹出窗口复选框。
  3. 单击工具 > 选项 > 安全。
  4. 清除当有站点试图安装插件时发出警告复选框。
打开 IBM Rational Functional Tester，然后单击配置 > 启用测试环境。必须启用所需要的 JRE 并将 Internet Explorer 设置为缺省 Web 浏览器。
在“Web 浏览器”页面中启用所需要的浏览器。
将测试下应用程序设置为可信以在本地运行应用程序。指向单个文件或目录的路径处于可信状态，同时所有的文件将会分配到每个选定的目录及其可信的子目录中。按照下列步骤来分配信任目标：
1. 在 C:\WINDOWS\system32\Macromed\Flash 中创建文件夹 FlashPlayerTrust。
2. 在 FlashPlayerTrust 文件夹中创建一个名为 Flex 且不带扩展名的文件。
3. 在 Flex 文件中输入 Flex 应用程序的目录路径。例如，如果 Flex 应用程序位于 C:\Test 目录中，请在 Flex 文件中输入路径 C:\Test。
4. 保存文件。

蜘蛛 2010-07-27 06:00 发表评论

Flex Best Practices – Events

蜘蛛 — Thu, 17 Sep 2009 22:53:00 GMT

http://unitedmindset.com/jonbcampos/2009/08/12/flex-best-practices-events/

蜘蛛 2009-09-18 06:53 发表评论

cairngorm

蜘蛛 — Tue, 15 Sep 2009 12:36:00 GMT

http://www.davidtucker.net/category/cairngorm/

蜘蛛 2009-09-15 20:36 发表评论

对Flex开发过程中界面切换的认识（转）

蜘蛛 — Thu, 10 Sep 2009 09:50:00 GMT

1.可以使用PopUpManager进行界面切换
2.使用状态(state),自定义一些状态事件(StateEvent),在index.mxml（ｍｘ：application）中监听组件派发的状态事件类型,利用改变状态来改变显示的界面.

⑴用第一种方式来实现相对简单,利用PopUpManager的一些静态方法即可实现,比较适用于一些size相对较小的可视化组件,比如:登陆表单组件,或修改一个值,要求重新输入一个新值等等类似情况.实现示例代码如下：

Js代码

var win:*;
win = new loginPanel();
//弹出显示登录框
PopUpManager.addPopUp(win,this,true);
//登陆框显示在中间
PopUpManager.centerPopUp(win);

var win:*;
win = new loginPanel();
//弹出显示登录框
PopUpManager.addPopUp(win,this,true);
//登陆框显示在中间
PopUpManager.centerPopUp(win);

⑵在第二种方法中利用state来改变显示的界面则要相对复杂许多.

①首先我们需要自定义统一的状态事件名称

Java代码

package note.events{
/**
* 状态事件,每个状态值要和状态名称一样
* @author halzhang
*/
public class StateEvent{
public static const NULL_STATE:String = "";
public static const LOGIN_STATE:String = "loginState";
public static const ADDNOTE_STATE:String = "addNoteState";
public static const ADDUSER_STATE:String = "addUserState";
public static const LISTALLUSER_STATE:String = "listAllUserState";
}
}

package note.events{
/**
* 状态事件,每个状态值要和状态名称一样
* @author halzhang
*/
public class StateEvent{
public static const NULL_STATE:String = "";
public static const LOGIN_STATE:String = "loginState";
public static const ADDNOTE_STATE:String = "addNoteState";
public static const ADDUSER_STATE:String = "addUserState";
public static const LISTALLUSER_STATE:String = "listAllUserState";
}
}

②在Flex项目的主程序中定义state,当然也可以加上状态切换的动画.

Html代码

③在组件中派发状态事件（StateEvent）

Js代码

//关闭添加留言组件的时候派发"空"状态事件,也就是主程序界面不显示其他组件
//如果想显示其他组件,则派发相应的状态事件
internal function closeMySelf():void{
appModel.dispatchEvent(new Even(StateEvent.NULL_STATE));
}

 //关闭添加留言组件的时候派发"空"状态事件,也就是主程序界面不显示其他组件
//如果想显示其他组件,则派发相应的状态事件
internal function closeMySelf():void{
appModel.dispatchEvent(new Even(StateEvent.NULL_STATE));
}

④在主程序界面中监听状态事件(StateEvent),从而通过改变状态来显示我们需要的组件.

Js代码

//添加状态事件监听,在程序初始化的时候执行
internal function stateListener():void{
appModel.addEventListener(StateEvent.NULL_STATE,stateEventHandler);
appModel.addEventListener(StateEvent.LOGIN_STATE,stateEventHandler);
appModel.addEventListener(StateEvent.ADDNOTE_STATE,stateEventHandler);
}
//状态事件处理函数
internal function stateEventHandler(evt:Event):void{
this.currentState = evt.type.toString();
}

                                                //添加状态事件监听,在程序初始化的时候执行
internal function stateListener():void{
appModel.addEventListener(StateEvent.NULL_STATE,stateEventHandler);
appModel.addEventListener(StateEvent.LOGIN_STATE,stateEventHandler);
appModel.addEventListener(StateEvent.ADDNOTE_STATE,stateEventHandler);
}
//状态事件处理函数
internal function stateEventHandler(evt:Event):void{
this.currentState = evt.type.toString();
}

在项目中appModel是一个继承 EventDispatcher,使用单例模式实现的程序模型.不知道读者是否发现StateEvent中事件名称是和主程序界面中定义的state的 name值是一致的.因为这样定义我们就可以使用统一的状态事件处理函数,就不需要先去判断是哪个状态事件,在来改变当前状态.只要简单的执行 this.currentState = evt.type.toString();

蜘蛛 2009-09-10 17:50 发表评论

Flex3 CookBook

蜘蛛 — Sun, 23 Aug 2009 22:31:00 GMT

http://blog.csdn.net/lixinye0123

蜘蛛 2009-08-24 06:31 发表评论

log4net 不能写log

蜘蛛 — Tue, 11 Aug 2009 15:26:00 GMT

impersonation

Configuring log4net for SharePoint Windows Authentication
http://mikeknowles.com/blog/2009/02/17/ConfiguringLog4netForSharePointWindowsAuthentication.aspx

log4net does not work in IIS
http://forums.asp.net/p/1420781/3153374.aspx

http://stackoverflow.com/questions/1061857/sharepoint-and-identity-impersonatefalse

蜘蛛 2009-08-11 23:26 发表评论

aepage-tutorials

蜘蛛 — Tue, 04 Aug 2009 18:17:00 GMT

http://msp.sfsu.edu/Instructors/rey/aepage/tutorials.html

蜘蛛 2009-08-05 02:17 发表评论

转:【锐课】Photoshop超级技巧

蜘蛛 — Fri, 31 Jul 2009 06:35:00 GMT

摘要: Photoshop超级技巧色彩技巧 139. Photoshop是32位应用程序，为了正确地观看文件，须将屏幕设置为24位彩色。 140. 先执行“视图”→“新视图”命令，产生有关新视窗后，再执行“视图”→“预览”... 阅读全文

蜘蛛 2009-07-31 14:35 发表评论

剪辑剪什么？（转自老肖博客）

蜘蛛 — Wed, 29 Jul 2009 02:32:00 GMT

和动画一样，剪辑这个词涵盖的东西太多，以至于我们无从下口。到底什么是剪辑，

什么算剪辑，业内人也说不清楚，更别说介绍给普通观众了。我们从那些有记可查

的各种定义，定律，课本文章里跳出来，只谈谈感受–剪辑：剪什么？

以我的感受，面对一个片子或者是面对一个未出生的片子我们到底应该先剪什么？

首先剪到的应当是

1、剪调性，其次是

2、剪情绪，再次是

3、剪内容, 之后是

3、剪故事，然后是

4、剪道理，次之是

5、剪镜头，再次是

6、剪音乐，最次是

7、剪手法，完后才是

8、剪技术。

其中调性是和产品，和目标，和观众，和影片相关的，就是我们究竟要做一个什么

片子，给谁看，说的是男人的事还是娘们儿的事，是个广告还是专题，是诗歌还是

散文，是政府报告，还是书情小调–于是我们有了影片的调性，它决定了创作者

的情绪。

情绪，是控制影片的主观元素，我们将”我”，将代表”我”的”情绪”放在代表

客观产品和客户的调性要求之后，是因为我们需要以承认一个好的剪辑是在为客户

和观众剪辑的先决条件下确立的。因为调性的确立，而导引出”我”在整个影片控

制中的情绪应当是什么样的。当情绪控制完整时，我们进入了一个状态，开剪！

我们把情绪从空中迫降到内容，面对一大堆素材，内容的整理分类和控制、想象成

了一个庞大的工作，在这么庞大复杂甚至是有点机械重复的过程中，千万不要失去

情绪，选择素材时候还要时刻考虑调性。而这一步针对内容的筛选和分析，是影片

对错的基本保证。

内容确认，将零散的内容剪辑组织成有趣的故事，常常被看做是剪辑的魅力所在。

我们可以用剪辑影响情绪故事甚至改变内容，总之一切虽然在你手中，却依靠想象

力才能走得更远。人人心中有，各个笔下无。电视包装的故事往往并不复杂，但希

望通过剪辑增加信息量并且要求极其清晰和准确的表达。这里需要大量的训练和思

考。

故事的背后要考虑道理，往往剪辑时候需要一个理由，这个理由不一定有机会说出

来或者是展示给每个观众，或者是让每个观众都能体会到理由所在，但是剪辑师必

须有一个理由，能够说服自己剪下去的理由，能够将当前镜头和前后镜头连接起来

的理由。这个理由可能是内容的情绪的故事的，或也可能是镜头运动的，色彩的，

修辞的，反正需要一个理由，将影片进行到底！

道理依靠镜头的组织，这里我们终于剪到镜头了。这是一个很视觉的活，这是一个

很镜头感的饕餮。景别，运动，正反打，一个镜头一个镜头的衔接，一个堡垒一个

堡垒的推进，一组镜头和一组镜头的对话，镜头就是实在的字，讲着道理说着故事。

没有镜头，也可以剪辑，用黑场替代你现在不存在的镜头。我们依然可以组织影片。

镜头的另一魅力就是时长和观众的心理预期，恰到好处的镜头长短，如呼吸般可以

与观众同步，在同步的呼吸中控制观众的节奏，一定要在心里下一个预期前给一个

准确的时长。甚至可以留下一点点遗憾。这就是镜头的魅力。

配合情绪，故事和镜头的音乐举足轻重。但是只会按照音乐剪辑的剪辑，毫无控制

力。他们的影片就像流水帐一样”进人意料”。实际上音乐，同期，字幕，画面同

时构成一个立体的影片空间与线索。完全可以通过音乐的控制手法去讲故事。对于

影片音乐无可厚非属于一个乘数，而非简陋的加法。

其次我们还有N多种剪辑手法配合，实际上可以把剪辑影片理解成一段舞曲，一段

旋律，我们变换的剪辑手法无非是123，223，323 423……或者是忽然转变成11123

—11223—11323……旋律的变化，节奏的调整。这些统称为剪辑手法，可以从广

告带中积累。当然也可以自己创造。而现代剪辑中我认为一些拍摄技巧可以说是从

剪辑中来的，也可以变成一种剪辑技巧。合成也是一种剪辑。合成影响了影片的色

调，质感，景别的重构，这些对剪辑都明显的帮衬作用。

最后要剪技术，这个不用多提，市场上，培训上也提的过多。我们再去技术上争你

死我活都没用。还是少提点为好，或者下一帖再说。

从技术上来说，剪辑软件都类似，看不出多少分别（实际还是有区别的），基本上

快的话一天就能学会慢的话两三个月也能了。之后，你就会剪辑了吗？你就懂得剪

辑了吗？一切要从实践中来。

回头看看：

1、剪调性，其次是

2、剪情绪，再次是

3、剪内容, 之后是

4、剪故事，然后是

5、剪道理，次之是

6、剪镜头，再次是

7、剪音乐，最次是

8、剪手法，完后才是

9、剪技术。

剪到手法还是音乐？ —-你剪到了哪一步呢？

同志们！–剪出九级。

蜘蛛 2009-07-29 10:32 发表评论

语源科技BlogJava-探索与发现

现在有一段代码, 在不改变主体代码的前提下,使得图片可以向左无简隙的滚动

为测试 Flex 应用程序设置测试环境

为测试 Flex 应用程序设置测试环境

关于此任务

过程

Flex Best Practices – Events

cairngorm

对Flex开发过程中界面切换的认识（转）

Flex3 CookBook

log4net 不能写log

aepage-tutorials

转:【锐课】Photoshop超级技巧

剪辑 剪什么？（转自老肖博客）

剪辑剪什么？（转自老肖博客）