博客 (89)

原文：http://mathewsanders.com/designing-adaptive-layouts-for-iphone-6-plus/
翻译：叮当当咚当当小胖妞呀

从IOS6开始，苹果公司就一直建议我们使用自适应布局，但是迄今为止，我发现大家都在回避这个问题，考虑的最多的仍然是固定布局。

iPhone 6的上市让人们很难再去逃避自适应布局这个问题，四种屏幕尺寸（如果要支持iPad就要上升到5种）、三种分辨率和转向似乎让着手于自适应布局变得更加简单。

在文章的最后，你应该能流畅使用 storyboards、 约束(constraints)和 size class特性，这三个是Apple为开发和制作自适应布局提供的Xcode工具。

所以下载Xcode6，给自己来杯饮料，留上一个小时的时间，让我们开始吧！

• Storyboards
  • 模拟尺寸
• 约束
  • 头部和尾部空间
  • 横向空间约束
  • 同等宽度约束
  • 纵横比约束
  • 约束管理
    • 添加约束
    • 检查和编辑现有约束
    • 删除约束
  • 布局问题和冲突
    • 错位视图警告
    • 约束缺失错误
• Size Classes
  • 宽度和高度特性
  • 我们的目标…
  • 为通用的size class添加约束
  • 为iPhone纵向布局添加约束
  • 为iPhone横向布局添加约束
  • 编辑助手：设备预览
  • 为iPad布局添加约束
• 使用布局和间隔视图
  • 布局视图样例
  • 间隔视图样例
• 下一步

Storyboards

Xcode中，storyboards可以让你在屏幕上拖动和放置原生对象（例如按钮、图片、文本框和标签）并且定义每个屏幕之间如何连接。

在Xcode专业术语中，可以看到、摸到、互动的用户界面元素，我们称之为 视图（按钮、图片、文本框、标签等等）。

包含并管理所有那些视图的屏幕被称为 视图控制器，我倾向于交替使用这些术语。

当我们在一个storyboard上添加视图控制器的时候，它的纵横比其实跟任何设备都不匹配，事实上，它是一个完美的600pt*600pt的正方形：

这提醒了我们，storyboard屏幕并不代表特定硬件上的屏幕，而是 任何IOS设备的抽象表现。

模拟尺寸

也许你不介意在600pt*600pt的画布上操作，但是在实际大小上操作可能会更有帮助。

我们可以非常方便的在Xcode里改变视图控制器模拟的尺寸和转向：

约束

向你们展示约束的最好方法是实例。

我们先创建一个简单的包含一个屏幕的storyboard（模拟4英寸iPhone的尺寸），再添加两个相邻的正方形。

当我们在竖屏中运行app的时候，这两个正方形完全按照我们的布局排列，当我们变成横屏时，它们仍然忠于自己的坐标：

当我们使用iPhone 6模拟器运行项目的时候，我们可以再一次看到，我们的布局并没有自适应不同的屏幕尺寸，屏幕右边多出了可见的空白区域。

这是由于没有约束，这些对象仍然会按照我们在storyboard上创建的x,y坐标和面积来定位。

所以让我们开始添加约束，看看会对它们有些什么影响。

头部和尾部空间

我们在蓝色方块前添加10pt的头部空间约束，在红色方块后添加10pt的尾部空间约束。

当我们运行项目的时候，约束把蓝色方块固定在屏幕左侧，把红色方块固定在右侧。

横向空间约束

我们在两个方块之间再添加一个10pt的横向空间约束，就像上一个约束一样，这样会让两个方块之间有一个固定的空间。

当我们运行项目的时候，会发现一个意料之外的结果：我们所有的约束都满足了，但是为了满足所有约束，其中一个方块被拉伸了。

这似乎告诉我们这样一件事：除非被告知，否则IOS会尽量让大多数对象都保持“自然”大小。

同等宽度约束

我们添加一个同等宽度约束。

当运行项目的时候，我们可以看到两个方块宽度的增量相同。

纵横比约束

最后，对两个方块添加纵横比约束。

这个约束保证了宽度和高度的比永远是相同的。

当我们运行app的时候，我们可以看到每个方块的宽度在增加，高度也同时在增加。

用iPhone 6模拟器运行项目，覆盖我们之前添加过的约束，你可以看到这两个正方形是如何利用可用空间来拉伸的。

约束管理

现在你已经看到了我们是如何使用约束的，下面我们来介绍一下具体操作。

提示：尽量少使用约束

添加约束的一个要点是试着挑战自己，越少使用约束越好。

虽然我并不认为添加的约束数量能够很大程度上影响IOS的性能，但是越少的使用约束，你的布局就会越好维护。

添加约束

在storyboard中添加约束有三个方法：

1. 约束弹窗也许最好的方法就是选择一个或多个对象，从其中一个弹窗中添加约束。我认为这是个很好的方法，因为可以看到现有约束的范围。如果有一条约束不可用，可能就意味着你需要两个或更多对象来实施这条约束。
2. ctrl + 拖动你可以按住ctrl键，同时拖动到一个对象上（可以是相邻对象、父级对象或者是自身），会出现一个浮层告诉你可以被添加的约束有哪些。这是我最喜欢的添加约束的方法，因为你不需要把你的鼠标移动到大老远的底部再回到对象。
3. 菜单/绑定你也可以选择一个或多个对象，在菜单中点击 editor -> pin来选择约束，这其实是最没有效率的方法，但是如果你发现自己不停的重复添加一种约束，也许为一个或多个选项添加绑定更合理一点。

检查和编辑现有约束

检查视图中应用的约束最简单的办法就是选择视图，切换到Size检查面板。

或者在文档大纲层次面板中切换constant数值。

无论是哪种方法，选择约束可以让你直接更新它。

删除约束

同样的，约束也可以通过高亮+点击删除按钮来删除。

要删除一个视图的所有约束，或者屏幕中的所有约束，在布局问题弹窗中有一条捷径：

布局问题和冲突

当我们在storyboard中添加约束的时候，Xcode总会给出一些关于这些约束的警告或者错误。

有时候这些问题可以忽略不计，但是更多的时候，它们必须被解决。

查看约束警告和错误最好在文档大纲面板中，每个视图控制器会有一个红色或者黄色的icon来表示是不是有布局问题：

错位视图警告

一个比较常见的警告是错位视图警告，如果约束规定这个视图应该在的地方，和这个视图实际在的地方不匹配，那么这种警告随时会出现。

当你转换模拟尺寸或者不小心用鼠标移动了一个视图，这些警告也会出现。

点击一个错位的视图，屏幕上会出现一个虚线框，告诉你约束规定了这个视图应该在的位置。

如果点击警告，会出现一个带有几个选项的浮层，你可以选择让Xcode更新约束来匹配storyboard上的位置，也可以让Xcode更新框架来移动或者拉伸视图，使它们回到约束规定的位置。

缺失约束错误

让我们回到一开始蓝方块和红方块的例子，我们没有添加过一个关于纵向位置的约束，但当我们运行app的时候看起来完全没问题，因为IOS会认为纵向位置就是我们在storyboard上放置的位置，不过为了避免一些意料之外的行为，我们最好还是规定一下。

在 顶部布局向导添加顶部空间约束可以消除一些说不定道不明的约束和错误。

Size Classes

为了在大多数基础布局或者更高级的布局上使用约束，你需要同时使用size classes。

Size classes是一种能够告诉你物理设备宽度和高度的特性。

当我们在storyboard的屏幕上添加对象或者约束时，只有设备符合当前的宽高特性，对象才会显现，约束才会被应用。

这是一个非常有用的方法，它让我们确定了不同设备和转向下布局的变化。

高度和宽度特性

使用 紧凑(compact)、 任意(any)和 正常(regular)这三种的组合，可以让我们确定一些范围内的设备布局。

虽然不能涉及每一个变化（比如不能确定iPhone 6 Plus的竖向模式，也不能让iPad的转向消失），但是大多数的变化都可以确定。

我们说过，介绍size classes最简单的方法是实例，所以让我们看一个例子。

我们的目标…

作为例子，我们做一个Instagram详情页的简单版本，可以适应大屏和转向。

我们的目标是创建一个布局，它可以机智的适应更大的iPhone 6设备（我说的机智，是指只有照片会放大，其他的元素如头像照片仍然不变），并且当设备横屏的时候，图片和元数据会并肩排列，而不是像竖屏时的上下排列。

为通用的size class添加约束

跟之前的例子不同，这次我们不使用模拟尺寸度量，我们使用通用size class的抽象方形布局，这样会使我们记住，为这个size class添加的任何视图和约束，只能是那些添加在任意屏幕尺寸和转向上的视图和约束。

我们需要用到这些约束：

除了必要的空间、间隙和纵横比约束，我们还需要让某些对象排列在顶部或者底部。

现在，在你的storyboard上添加视图和约束吧。做这步的时候，我的storyboard长这样：

注意，现在我们有了所有转向上所需要的元素，但是我没有费心完成每个转向上的布局，下一步我们才会做！

为iPhone纵向布局添加约束

现在，我们把size class切换到 紧凑宽度和 正常高度，这个尺寸特性的组合适用于任何竖屏下的iPhone设备。

如果要切换size classes，点击storyboard中下方的size class标签，选择你想要看到的宽高组合。

注意，当你切换size class时，视图控制器的尺寸会更新来显示新的抽象布局。

最后，你可以重新定位、拉伸视图和添加竖屏上的约束了。这里有一些我添加到竖向布局上的约束：

这是我做到这步时，我的storyboard的样子：

在这个阶段，你可以用任何的iPhone模拟器（3.5、4、4.7或者5.5英寸屏幕）来运行你的项目，看看竖屏情况下的布局是否合理，虽然如果转向成横屏时，布局看上去会一团糟。

注意，我们没有固定图片的宽度，我们只是简单地把图片的左右边缘固定在屏幕两侧。当变为更大的iPhone 6屏幕尺寸时，图片会被拉伸，又因为我们添加了一个固定图片纵横比的约束，所以高度也会同时增加。

为iPhone横向布局添加约束

现在切换size class到 任意宽度和 紧凑高度，这种尺寸特性的组合适用于任何横屏下的iPhone设备，并且会为了满足横屏视图下的目标更新布局。

这次，图片的顶部、左边和底部边缘都被固定在父级视图的边缘。

这个局部另一个有意思的地方是，在评论标签上添加的尾部空间约束。

当图片的约束使得图片变大的时候，这个标签上的约束会使得自身变窄。为了适应这种视图下的文本，文本高度需要增加到两行——的确如此！

下图是我做到这步时storyboard的样子。注意，在文档大纲中，一些约束会稍稍渐隐，这些约束是在竖向视图中我们添加的，它们仍然存在，但是当我们选中当前的宽高特性时，它们不会被应用。

也要注意，当你转换宽高特性时，storyboard会更新以便显示你为那些特性增加的约束。太棒了！

现在运行项目，我们会发现当转向改变时，我们有了一个既适用于横屏又适用于竖屏的布局，更棒的是在转向时，会有一个完美的过渡动画。

我把整个过渡动画放慢，这样你们能看的更加清楚。注意动画中也有层级关系，正由于此，即使在正常布局下视图并没有重叠，我们也需要考虑如何安排视图的层级关系……

编辑助手：设备预览

Xcode另外一个很有用的东西：设备预览助手。你不再需要无数次运行项目来检查你的布局是否正确，你只需要使用编辑助手storyboard预览，选择你想要的所有设备和转向就可以了。

这并不是完美的（比如导航条的颜色在这个例子中缺失了），但是它却是一个很好地选择，它可以让你把你自己的语言切换到双倍长度伪语言，可以在你的storyboard中重复任何文本。

这是我storyboard上的预览助手，它展示了一个3.5英寸横屏和4英寸竖屏的iPhone，你可以看到我还需要再加工加工来适应更长的标签……-_-

为iPad布局添加约束

现在，切换size classes到 正常宽度和 正常高度，这是iPad横屏和竖屏的特性。

就像之前一样，我们重新定位、拉伸我们的视图。对于iPad布局，我决定使用固定尺寸的图片（所以它不会像在iPhone上那样切换横竖屏时会改变大小），元数据都显示在图片底部。

下图是我在重新排列视图并添加了约束之后的storyboard：

到现在为止，我们为某些特别的size class特性添加了约束，但是现在我们要尝试些不同的东西。

由于iPad上会有多余的空间，我们不要仅仅只是重排视图，让我们来加一点额外的内容。对于这个例子来说，我们再加两张图片（也许是在这张主照片之前和之后拍摄的照片）。

这是我的storyboard更新之后的样子：

我原本可以手动输入这些次级图片的宽高，但我没有，取而代之的是我让它们的尺寸变成主图片的某个比例。

这样做的好处是如果我们决定改变主图片的尺寸，布局的其他部分会自动的计算并且更新次级图片的宽高，而不用我们手动输入。

这是一张我截的图，我改变了主图片的宽度约束，可以看到其他的部分也随之更新了。

我没有在iPad模拟器上运行项目并截屏，不过这里有一些横屏和竖屏的效果图：

使用布局和间隔视图

Xcode中有些约束我们可以随时运用，但是对于一些些常见的布局，我们需要一点帮助。

布局视图样例

要把一个视图的边缘固定在父级视图的边缘，或者把它固定在父级视图的正中心是件很简单的事情，~~但是我没有发现简便的方法，让视图固定在离正中心有一段固定距离的地方。~~感谢Jeff Nouwen指出，在把视图固定在中间后，你可以改变constant值来达到你的期望。

理论上来说，我们需要的是一个‘ 中心排列导向’，即任何视图都能水平和垂直居中与父级视图中：

为了实现这个目标，通过现在我们可以使用的约束，我们把我们的视图嵌入一个外层视图（这个外层视图没有背景色，只是为了帮助我们布局而存在），可以把它定位在父级视图的中间。

通过这个方法，你的约束看起来可能像这样：

现在我比较喜欢让我的布局层级尽量平。另外一个不使用外层视图的方法，我叫它 布局视图。

使用这种方法，我倾向于在storyboard中添加一个颜色明亮的视图，然后把它的hidden属性设置为true，你仍然可以在storyboard布局中看到它（虽然稍稍渐隐），但是运行模拟器的时候它不会出现。

现在你在你的视图和布局视图中可以添加 居中排列（align center to center）。

间隔视图样例

之前我们看到了我们是如何固定视图边缘到父级视图边缘的间隙，使得当父级视图变大时，间隙约束也会让视图变大。

但是如果我们想要视图仍然保持原来的大小，在父级视图变大时，视图之间的间隙也变大呢？

理论上来说，我们想要某种类似 同等宽度约束的约束，只不过同等宽度约束是作用在视图上，我们想让它作用在约束上。

此时我们需要添加 间隔视图来帮助我们布局，但由于我们不想在运行app时看到它们，我们会把它们的hidden属性设置为true。

使用这项技术的方法，是为每一个你想要等比增长的间隙添加一个间隔视图，把其他视图的边缘固定在间隔视图的边缘上，然后为所有的间隔视图添加 同等宽度约束。

下一步

现在希望你们已经完全有信心开始探索应用约束的布局了。

不要指望能即刻成功，Xcode是一个非常复杂的工具，除了storyboard和约束之外它还有很多其他功能，有些功能刚开始使用会觉得很神秘和困惑。就像其他复杂的工具一样，在你熟悉它的怪癖之前你还需要一段适应时间，但是我建议你尽早的去熟悉它，因为我预计（至少我希望）下一代设计师会更多地使用Xcode这样的工具而非Photoshop。

如果你是一位创建设计规范的设计师，并想让IOS开发者遵循你的规范，你应该开始考虑和你的设计团队沟通的最好方法。也许你会创建一个视觉语言来描述你想要应用的约束。

我个人认为，设计师应该更多地承担一些他们创建工作上的责任，而不是让一个前端开发人员重新创建设计意图，而设计师只是管理storyboard文件。

如果你发现这个教程上有任何难以理解的地方，或者有错误的敌方，请让我知道，我会尽快更新这篇文章。

最近开发了一款 iPhone 客户端应用，提交到 App Store，被拒绝（Rejected）。然后修复问题后再次提交，仍然被拒绝，奇怪的是 Resolution Center 中的拒绝原因跟上次一模一样。


幸好我在应用中做了记录客户端信息的功能，查看后发现，IP 来自“美国Apple公司”的启动版本竟然是第一次提交的版本。于是我登录 iTunes Connect 跟苹果客服联系，对方回复他们打开的确实是有问题那个版本。


正当迷茫之时，无意中在 iTunes Connect 看到 Binary Details 这个按钮，点进去一看明白了。原来，虽然我在 Xcode 中重新上传了源文件，但是这里看到的仍然是旧版本。于是我点右上角的“Reject This Binary”按钮，重新通过 Xcode 上传源代码，过会儿再进入 Binary Details 查看，还是没有变化。苦恼中。


是不是 Xcode 中要做什么处理呢？我是新手，只知道点菜单栏上的三角形按钮是调试，具体要怎么使用 Debug / Release / Run / Test / Profile / Analyze / Archive 还真是不太明白，于是对这些功能一阵乱点，意外发现 Organizer 的 Archives 中项目的 Creation Data 变成了刚才的时间，而且下面也多了一条记录，赶紧 Distribute！


一柱香后再回头去看看 Binary Details，终于看到新版本的信息了。


Waiting For Review 中……

     今天算是长见识了，项目发布到服务器上面了，但是客户在使用的时候发现，只要进入新增页面和修改页面。再进行操作就会自动跳转到登陆页面（我设置了session保存用户登陆信息），而别的页面就不会出现这个问题。从下午开始找个问题，开始以为不知道只有这两个页面有问题，以为全部都是这样的问题，是IIS的设置问题。我将session的超时时间设置了3个小时，发现还是会跳转到登陆页面。也在web.config文件里面设置了超时时间。但是效果还是一样的。自己测试了一下午，发现只有新增页面和修改页面会出现这样的问题（本机测试没问题/测试服务器上测试也没问题）。经过几次实验，发现确实只有这两个页面会有问题，那就可以断定：不是IIS设置问题，也不是web.config的问题。本地调试也不出现这样的情况，没办法，只能等客户下班之后，没人用了才到正式服务器上去慢慢的调试，最后想个笨办法，将其中一个页面的.cs文件里面的代码一句一句的删掉，可没想到我都将cs文件里面的代码全部删除了，还是会出现这样的情况，我当时就纳闷了。不是事件的问题，难道是HTML页面出了问题？？？

    既然耐着性子删了cs文件的代码。我就继续删！将aspx页面里面的HTML代码和JS代码也一个一个的删掉，一个一个控件删掉测试，从下午上班一直测试到晚上11点，眼睛都看花了，终于，在我将aspx页面的其中几个控件删除之后发现问题了！页面不跳转了！这下来劲了，肯定是这几个控件的原因，于是乎，我就一个一个控件还原回去，不跳转！继续还原！！当我还原到<img src="" >这个控件的时候测试，发现问题了！只要我一加上<img src="">这个标签！页面就跳转到登陆页面了。问题肯定出在这了！但是我又想不通了，为什么就这个HTML标签一加上就会出问题，这应该不关session什么事啊，怎么会加上这个标签页面就直接跳转了呢？

     在网上找了下资料，没找到相关的资料，后来试着将img 标签的src=""加上图片，src="imges/001.jpg" 再测试，发现页面不跳转了！！原来问题出现在这里！

src=""为空的情况下，可能导致session丢失！跟经理说了下这个情况，他也很惊奇还没见过一个HTML标签会导致session丢失的情况，因为在本地和测试服务器上测试的时候都没这样的情况，后来猜测了下，可能是IIS的问题，可能是IIS解析的时候解析到src=""这个地方解析不了，导致程序出问题。但这只是个人猜测，正式服务器上我也没权力当时去打补丁，一个大公司的正式服务器，我要打补丁去了，那他们别的网站和系统不全当机了？所以就只要想了个办法，将src=""里面加上图片，幸好这个img标签是隐藏起来的，加了也不影响界面。呵呵。。。

    最让人郁闷的是我测试的时候是用Symantec pcAnywhere这个软件远程连接到的正式服务器上。反应慢得可以，简直比电脑没装显卡驱动还慢...唉，不过累也累了，以后碰到这样的情况就有经验了。

    我不知道网上有没有人碰到过跟我一样的情况；如果碰到了，希望能给你带来点灵感。哇哈哈。。。

<div id="webjx"></div>
<script>
setInterval("webjx.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script>

方法：
   alert,对话框，OK按钮
   confirm,对话框，OK和Cancel按钮
   prompt,对话框，可输入
   close，关闭当前浏览器窗口
   navigate，在当前窗口中导航到指定的URL资源
   setInterval，设置每隔一定时间调用指定程序代码，毫秒，setInterval("Func()",5000)
   setTimeout,设置经过一定时间后执行一次指定程序代码，毫秒，setTimeout("Func()",5000)
   clearInterval,
   clearTimeout,
   moveTo，将浏览器窗口移动到屏幕上的某个位置
   resizeTo,改变浏览器窗口的大小
   open，打开一个新窗口 window.open("abc.html","_blank","top=0,left=0,width=100,height=200,toolbar=no");
   showModalDialog产生一个模态对话框
   showModelessDialog产生一个非模态对话框窗口
属性：
    closed
    opener
    defaultstatus
    status
    screenTop
    screenLeft
事件：
    onload,onunload,onmouseover,...
对象属性：
    location对象：设置和返回当前网页的URL信息。
        载入一个新的网页：window.location.href="http://g.cn";
        刷新当前页：window.location.reload();
    event对象：获取和设置当前事件的有关信息。
        altKey属性，用于检测事件发生时Alt键是否被按下
        ctrlKey。。。
        shiftKey...
        screenX,screenY设置和返回鼠标相对屏幕顶点的x,y坐标
        offsetX,offsetY设置和返回鼠标相对事件源顶点的x,y坐标
        x,y 设置和返回鼠标相对事件源的父元素顶点x,y坐标
        returnValue设置和返回事件的返回值，一般情况下设置为false
        cancelBubble设置和返回当前事件是否继续向下传递
        srcElement设置和返回事件源对象
        keyCode设置和返回键盘按下或弹起时的键的unicode码
        button检索鼠标动作使用的是哪个按键，1左鍵，2右键，3左右同时
function window_onkeypress()
{
//    alert(window.event.keyCode);
    if(window.event.keyCode==27)
    {
        window.close();
    }
}

老总总会随时扔台他朋友的本本叫我杀个毒装个软件什么的，很多都是新机预装 Vista。接触多了终于心痒痒升级自己的 Windows。其实一直想装的，可惜我的光驱只能 CD 刻录，而且跑遍整个萧山都找不到有 Vista 光盘卖，装双系统么又花时间又占空间。幸好一凡家有台记录机，所以趁周末去刻了张盘。第二天急匆匆地跑去公司，花了两个多小时把本本上将40G的东西传到服务器上备份，然后重新分区安装。

之前是有看过远景上关于安装方面的贴子，生怕中间出问题又上不了网就麻烦了。不过还是出问题了，在复制完文件后自动重启，就出现下面的错误：

 

我没动过任何硬件，出现这样的错误很是摸不着头脑，想到可能的原因有：刻盘时出了问题；需要 SATA 硬盘驱动；内存不兼容……没办法，还是先找台电脑上网查查吧。身边的服务器没无线网卡不能上网，尝试在服务器安装 Nokia PC 套件还不兼容 Windows server 2003，不支持蓝牙连接。还是去其它办公室借电脑上好了。哎，不出我所料，又被逮到帮他们杀毒！汗。在网上找了半天没搜出个结果来，看来用 Vista 的人还不多，出现我的问题的人更少，我只搜到 error info 跟我相同，但 file 不同的贴子，还是没有回答的。

回来，装了两遍还是出现同样的错误，火了，先装个 XP，在 XP 下试试。漫长的等待是用电脑报打发的。。。

OK，XP 装在 D 盘，想检查是不是 SATA 硬盘的缘故，想装了 XP 应该已经有驱动了，就重起通过光盘安装 Vista 到 C 盘，啊哦，老错误。（高手别笑我，这步我都觉得荒谬）

晕，忘了 boot.ini 是在 C 盘的，进不了 XP 了，又再装了遍 XP 到 D 盘。怕了怕了，还是用镜像文件装吧。也不去研究什么原因导致的了，哎不是我的风格，可是时间宝贵呐。

老老实实装完 XP 又用虚拟光驱装入镜像，再次安装 Vista，哎，终于让我揭开她的面纱了！

一天就这么过去了，第二天继续。

Vista 已经基本解决驱动问题了，很省事，不过我还是去 HP 英文官网下了专用的驱动程序。

嗯，开始安装程序。其实 Vista 的 UAC 确实挺烦人的，特别是安装程序的时候，不过我是习惯了“用管理员身份运行”，可突然的黑屏一闪还是会让习惯的人慌一下。

在安装 .msi 程序的时候有时候会提示安装不正常，您的权限需要提升之类的错误，但无法在右键菜单找到“用管理员身份运行”项，我是这么解决的：建一个后缀名为 .cmd 的文件，写入内容：“msiexec /i C:\msi文件的地址”。然后“用管理员身份运行”这个 .cmd 文件就行了。

装完常用软件开始安装 VS 这个大家伙了。

给 C 盘分的 20 个 G 已经用了 12 个了，之前用的是 VS2005，还没装过 VS2008，所以不知道要占多少空间。前几天看过一篇文章是关于在 Vista 下安装 VS 和 SQL Server 的，作者提到的先装 VS 后装 SSMS 出错误的情况，前车之鉴，我先装了 SSMS。

最头痛的要算 IIS7 了。装入 Vista 镜像，控制面板－程序－打开或关闭 Windows 功能，参照一篇文章勾选了相关的安装项，见文。虽然我不需要在 VS2005 下调试程序，但是我暂时不想把程序框架从 2.0 升到 3.5，这几天全国范围寻找 .net 3.5 的空间商未果，真想自己弄台服务器卖空间，早起的鸟应该会有虫吃。我觉得空间商是怕技术这关，毕竟新技术万一出问题很有可能一下子解决不了，作为一个运营商就有可能被要求赔偿损失或吃官司之类的。扯远了。。。

装完 IIS7，试着架设我的 2.0 网站，经典应用程序池，身份验证，一切配置完毕，结果运行时还是出现了“IIS Worker Process 已停止工作”的对话框，偶尔出现，而且出现几次后，应用程序池就自动关闭了，用纯 HTML 站测试也一样，又把 IIS 卸了装，还是一样。试了两天没结果，希望各位达人指点！

这几天用 Vista 眼睛受不了，漂亮的外表还是很伤人的，就跟玫瑰有刺同一个道理。Areo，雅黑，梦幻桌面，让我的眼睛云里雾里的，害我拼命滴眼药水。

不过总的来说，I love vista! 推荐配置不错的朋友可以考虑升级。

我们在用数据控件的时候，一般会在 .aspx 页面生成如单向绑定

 

或双向绑定

 

之类的绑定代码，如果我们必需对它进行进一步处理，譬如取得的“产品分类的ID”，我想显示为“产品分类的名称”，或者格式化时间显示

等等。

如果只是连接字符串可以这样处理

 

如果是通过一个方法去改变绑定值，则可以：

 

这里可以套用任何自定义的方法。更可以实现绑定两个数据库字段的实现：

 

 

DataView dv1 = dt1.DefaultView;
dv1.Sort = "xTime DESC";//根据时间逆序
dt1 = dv1.ToTable();

另外，.ToTable()方法有多种重载，常用的是：

dv1.ToTable(true, "ID", "title", "xTime");//过滤重复

许多情况下，asp.net 在 Page_Load 事件中需要动态生成控件，这对于一些新手，包括我在内，会因为回传控件消失，或重复叠加控件等原因搞得头大，经过我翻阅资料和自己的实践，以博客评论页为例，把整个框架写在下面，仅供参考。

<asp:Panel>
<asp:Panel 记录索引 3 >
<asp:Label 昵称 /> <asp:Label 时间 /> <asp:LinkButton 支持按钮_3 /> <asp:LinkButton 删除按钮_3 /> 1楼
</asp:Panel>
<asp:Panel 记录索引 5 >
<asp:Label 昵称 /> <asp:Label 时间 /> <asp:LinkButton 支持按钮_5 /> <asp:LinkButton 删除按钮_5 /> 2楼
</asp:Panel>
</asp:Panel>

记录索引是指数据库中的自动编号。

支持按钮触发事件 LinkButton_support_Click(object sender, EventArgs e)

删除按钮触发事件 LinkButton_del_Click(object sender, EventArgs e)

所有子 Panel 和内部的所有控件都是在 Page_Load 事件中动态创建的，并且不能被嵌套在 if(!IsPostBack)

“点支持累计点击数”和“点删除删除一条记录”都是需要操作数据库的，我以前的做法是操作完数据库后 .Clear() 掉所有控件，再重新生成一次，这样既浪费服务器资源，又容易出现界面上的混乱，譬如显示了两遍该文章的评论。

其实上面代码中 Panel 套 Panel 的好处就是可以根据索引直接删除相应控件，然后直接在页面呈现，而省去上述烦恼。至于累计支持数就更简单了，下面的代码可以轻松解决问题：

string n = ((Label)Panel_commentLists.FindControl("Label_against_" + id)).Text;
n = (Convert.ToInt32(n) + 1).ToString();
((Label)Panel_commentLists.FindControl("Label_against_" + id)).Text = n;

如果有修改和添加评论操作，同样道理，不要重复地全部 .Controls.Add 一次。为了添加时追加一个子 Panel 方便，建议在 Page_Load 的地方传参使用方法来做。

 

补充：在现在的开发中，我更喜欢用动态生成TableRow,TableCell来操作。