[翻译]为LOT制作个性化UI/查询表

YZZW · 发表于 2006-6-14 14:05

《How to: Make a custom UI/Querry for a lot.》By: Hordijk
 （我这里仅仅是翻译，没有转其中的附图，建议下载YogaFish做的PDF文件方便对照参考其中的示意图，推荐到天都城看看瑜伽鱼的帖子（本文是其中2楼的下载）。<a href="http://bbs.simtropolis.cn/dispbbs.asp?boardID=17&ID=497&page=1" target="_blank">http://bbs.simtropolis.cn/dispbbs.asp?boardID=17&ID=497&page=1...7&ID=497&pag......7&ID=497&page=1</a>。
 
 此帖子的英文原版地址： <a href="http://www.simtropolis.com/forum/messageview.cfm?catid=41&threadid=70208&highlight_key=y&keyword1=Make%20a%20custom%20UI%2FQuerry%20for%20a%20lot" target="_blank">http://www.simtropolis.com/forum/messageview.cfm?catid=41&threadid=70208&high......20for%20a%20lot</a>）
 
 以下说明中，我使用中括号“[]”表示标题或按钮名称等关键信息，请予以特别注意进行对应选择操作。
 部分额外建议并非必要，仅仅是个人观点。
 
 一、准备工具
 必要工具为ilive's Reader（以下简称iR）和UIEditor（以下简称UIE）。
 
 此外建议工具如下：
 LotEditor（LE）和DatGen（DG），制作自己的LOT外形及功能。
 PhotoShop（PS）或MsPaint（即windows画板）或ACDSee，制作个性化的查询窗口背景。
 
 二、制作LOT和UI文件
 （用LE和DatGen等工具）制作一个LOT，并在SC4游戏中测试确认它大致表现正常。
 使用UIE，由菜单[File]-[Import]，可以导入SC4原版的全套标准查询窗口，选择一个喜欢的样式。[OK]，[Save]到硬盘成为一个你准备使用的UI文件。
 
 
 三、确认ilive's Reader的设定正确
 UI文件制作好之后，轮到iR上场。
 检查核对菜单[Option]-[options]选项：
 1、[UIpreview]不选（即空白）
 2、[autofills the main list]选中（即打勾）
 如果以上设定正确，则直接退出设定，进入下一步操作。
 否则设定好之后，[OK]并退出iR，然后再次打开iR进行下一步。
 （设定好后，今后将不需要重复此步骤[三]，除非今后有相关的修改需要。）
 
 四、导入UI文件
 打开你要修改的LOT对应的SC4LOT文件，IR将会把屏幕分成三部分，我暂时定义它们为“左区”、“中区”和“右区”。
 在中区用鼠标右键点击空白区域（反正不会碰到字的地方就可以了），选择[Insert file]，把作好的UI文件放进来。请选择[Not defined]，并[OK]。
 
 我们看到中区多出了UI文件，鼠标右键点击它，选择[generate new instance]（随机产生一个独特的代号给这个文件。）。
 
 保持目前选中UI文件的状态，在上面的按钮中选择[file info]，选择[edit] ，然后把[group]改成96a006b0 (这个代号值有特殊含义，表示这是 query window——查询窗口）。
 
 请抄录并保留[instance]值不变（用NotePad开一个文本文件吧），例如3cc92978（这个数就是刚才随机产生的代号）。此后，我们把这个抄录下来的数值就是LOT代号。
 
 选[OK]后，才关闭这个小窗口。
 
 安全起见，菜单里选择一次存盘[Save]。
 
 五、将UI和LOT整合
 
 在中区，应该能看到2个[exemplar]文件，找到没有[lotconfigproperty]出现的那个(如果没有找到正确的[Exemplar file]，那么它很可能被放在了desc文件里)。
 
 /*
 （YZZW提示：本段此前理解及翻译错误，现于20060621修正）
 双击选择这个exemplar文件，在右区找到并双击修改[Query exemplar GUID]，在最下面的[Values as text]输入我们上面抄录的LOT代号0x########。
 */
 
 然后先选择右边的[Apply]，再选择下边的[Apply]。
 
 保险起见，通过菜单存盘一次[Save]。
 
 六、定制背景
 （YZZW注：未知原因错误，我的Reader无法识别插入的PNG文件。还没找到原因，不知道各位是否没有我这种问题，或者也是一样不可以？欢迎反映参考。）
 首先找到（或者自己用PS做一个）合适的图片，这个可以用来代替单调的选择窗口背景。无论原来是什么格式，注意必须转换成PNG格式（SC4只承认这种图片作窗口背景）。
 
 （YZZW注：如果是用其他的已有图片，推荐使用ACDSee中鼠标右键的[转换]功能，很方便。我注意到范例中使用的是256X256X24B的PNG格式。）
 
 在iR的中区空白处，鼠标右键选择[Insert file]，找到对应的PNG图片后，这次要告诉它正确的文件格式，选[png. file] 。见到提示[no entry selected, append to end]选择 [yes]。
 
 （YZZW注：我用MSPaint或PhotoShop建立的PNG文件，都无法被正确识别。按道理，此时中区应出现一个[PNG File]，但是我总是得到一个[Unknow File]文件，我至今不知道哪里错了……以下则继续按原文翻译。）
 
 在上面找到[file info]-[edit] ，请记录[group numbers]和[instance numbers]（对应的是图片文件的编号）。建议再次用NOTEPAD抄录下来，用英文的逗号隔开。（我的图片文件因为不可识别，所以是“00000000，00000000”，这肯定是错的……）
 
 七、修正UI
 
 在中区选择[UI file] ，在右区 [edit]，此时你可以自由修改右区的UI文件了。
 1、第一行“#”之后是注释内容，你可以不管它，或者是注明此LOT名称。
 2、第二行（开头是“<LEGACY……”）用方向键或下面的游标一直往右边找（大约在2/5的位置），出现image={xxxxxxx,xxxxxxx}，其中的x分别是背景图的[group]、[instance]值，用我们前面第[六]抄下来的数值代替这两个数。
 3、在第四行重复一次在第二行的做法。
 在上面[Apply]，然后记得[Save]这个LOT。
 
 （如果您遇到和我一样的问题，暂时可以忽略跳过[六]和[七]步骤，我们就不搞得那么花哨了。这样，你的窗口会有默认的背景色，我看到的是蓝色窗口，也还能接受。）
 
 
 
 八、检查
 
 在菜单栏 [file] ，选择[close]（关闭LOT就可，不需要关闭iR）。然后再次[open]这个LOT。
 （因为iR有个小小的Bug，否则你可能[preview]预览时看到刚才作的修改没有发挥作用。很可能是iR使用了某种缓存记忆模式。）
 
 鼠标右击中区的[UI file] ，选择[preview]（右区可能会分拆成2个窗口，分别是具体信息和预览图形），自己看看预览效果是否合适。
 
 （YZZW注：我目前只能看到一片黑，估计属于个人变态的问题，可能与我[六]的错误延伸有关……）
 
 如果确信效果合适了，则退出后，在SC4中载入你制作的LOT，实地测试一下，确定没有发现严重的Bug。
 
 *************
 欢迎各位朋友帮忙指正上面的翻译或操作错误。
 对UI特别有兴趣的朋友，可以在天都城进修，或到simtropolis参考相关的讨论（English……）：
 <a href="http://www.simtropolis.com/stex/index.cfm?mode=files&filetype=Lot&Str=its%20a%20custom%20query%20tutorial" target="_blank">http://www.simtropolis.com/stex/index.cfm?mode=files&filetype=Lot&Str=its%20a......uery%20tutorial</a>
 <a href="http://www.simtropolis.com/idealbb/view.asp?topicID=50193&forumID=41&catID=13&search=1&searchstring=" target="_blank">http://www.simtropolis.com/idealbb/view.asp?topicID=50193&forumID=41&catID=13......1&searchstring=</a> <div>此帖由 yzzw 在 2006-06-21 10:23 进行编辑...</div>

YZZW · 发表于 2006-6-21 10:17

关于[六]的错误，不知道是否指所选的PNG文件必须是纯色而不能有任何图案呢？我选择的是一幅图片（我见到国外的某些LOT窗口背景可以用很花的背景），但是总是无法被识别出来，或者是PNG格式也分版本吗？摘录对应原文如下：
 The next step is to customize the background. First thing to do is to find a suitable background picture.
 With paint shop pro (or any other program that can save as *.png files) if changed it to this:
 The purple colour tells Simcity4 that those areas are transparent (The RGB value of this colour 255,0,255).
 If you are happy with your background save it as a *.png file,other formats DON'T work. Close your image editing program and go back to the ilive reader.
 Now we have to add the background picture to the lot. Simple again:
 In the middle screen, right-click on the white area, and select add file again, find your
 background picture and select it.
 The file type window pops up again, now select png. file and click on ok, a box pops up no entry selected, append to end, just click on yes.
 集思广益中，期待高手解读我的错误……

rszxh · 发表于 2006-6-21 11:29

图片的Type必须为856DDBAC
 1.要让ilivereader识别最好把Group改成。。。
 2.要让ilivereader识别最好不要直接导入或从其他文件粘贴进去
 3.要让ilivereader识别最好不要compress
 4.最后一句，ilivereader识别不出来不代表SC4识别不出来：）

rszxh · 发表于 2006-6-21 11:32

导入改过Gourp（推荐6a386d26）后刷新不一顶管用的
 save->load->f5

YZZW · 发表于 2006-6-21 11:58

Group的设定吗?今晚回去研究一下。
 
 那个“不要compress”，我从来不会自己去compress它啊。这些图片都能被ACDSee和XP缩略图模式正确识别出来，但是iR总是强行显示文件ASCII码，因此文件无意义，其type、group、ins值就都是0了。
 
 iR的Bug要求必须close之后再打开LOT才能刷新记忆的显示，仅仅刷新是没用的。

rszxh · 发表于 2006-6-21 12:04

UI的底色PNG
 会对PNG进行拉伸，所以图形注意一些……

yogafish · 发表于 2006-7-31 12:21

yzzw的教程very helpful
 
 今天准备把我的上海科技馆、上海博物馆，以及tonimy的东方明珠全部UI美化，完成属性设置后，以上海地标系列一并上传STEX！！
 
 浩大工程啊～

YZZW · 发表于 2006-7-31 12:31

昨晚尝试了一下，很郁闷地发现我搞不定UI……不但PNG到现在总是不承认，连单纯的文字都难搞。设计好了一个UI文件，在UI Editor中以及ilive's Reader中都显示得非常正常，但是在SC4中却总是一个空白的窗口，连close按钮都没有了（难道不准我改里面的说明字？）……

yogafish · 发表于 2006-7-31 17:00

偶UI已经搞定啦～～哈哈。弄了一个下午，中间犯错无数，幸好没有致命错误。
 明天也写份教材上来，供大家参考参考：）

zzh19821101 · 发表于 2006-7-31 20:42

不错,楼主的提供真是好啊!

天唐永thianz · 发表于 2006-10-1 16:43

瑜珈大魚搞定png之後的教材在哪？小的迫切需要
 ==============================
 如果還要查找些UI數值的話，看來不簡單
 我現在去看這個了
 <a href="http://www.simtropolis.com/stex/index.cfm?id=2511" target="_blank">http://www.simtropolis.com/stex/index.cfm?id=2511</a>
  <div>此帖由天唐永thianz 在 2006-10-01 20:13 进行编辑...</div>

yogafish · 发表于 2006-10-2 16:28

<div class='quotetop'>引用:( 天唐永thianz @ 2006-10-01 16:43 <a href="redirect.php?goto=findpost&p=190096">查看原帖</a> )</div><div class='quotemain'>瑜珈大魚搞定png之後的教材在哪？小的迫切需要
 ==============================
 如果還要查找些UI數值的話，看來不簡單
 我現在去看這個了
 <a href="http://www.simtropolis.com/stex/index.cfm?id=2511" target="_blank">http://www.simtropolis.com/stex/index.cfm?id=2511</a></div>
 
 sorry了～上次本来说好要写教程的，后来也不知怎么忘了……当初怎么做的UI几乎都快忘光了……
 不知天唐永有没有什么具体的问题没？说不定能帮忙解答下

天唐永thianz · 发表于 2006-10-2 18:11

那麼…麻煩有空時幫我解惑了
 1、和yzzw一樣，就是png那裏…（YZZW注：我用MSPaint或PhotoShop建立的PNG文件，都无法被正确识别。按道理，此时中区应出现一个[PNG File]，但是我总是得到一个[Unknow File]文件，我至今不知道哪里错了……。）
 
 在上面找到[file info]-[edit] ，请记录[group numbers]和[instance numbers]（对应的是图片文件的编号）。建议再次用NOTEPAD抄录下来，用英文的逗号隔开。（我的图片文件因为不可识别，所以是“00000000，00000000”，这肯定是错的……)
 
 2、我現在設png檔的格式為256色，有透明度，這樣對嗎？
 需要把它顏色改為淺色嗎？還是遊戲中會自動設為淺色透明？
 如果以這兩張為本，哪一張好？
 <img src="http://img153.imageshack.us/img153/4521/puiz1yz5.png" border="0" onclick="javascript:window.open(this.src);" alt="" style="CURSOR: pointer" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;" />
 <img src="http://img153.imageshack.us/img153/3724/puiz2wp0.png" border="0" onclick="javascript:window.open(this.src);" alt="" style="CURSOR: pointer" onload="javascript:if(this.width>screen.width-500)this.style.width=screen.width-500;" />
 
 3、設定UI中所列出的那些資訊會不會很複雜？我希望有原本的公園表單，又能增列工作人口與描述，這樣會不會很難…SC41.dat裏UI query非常多，公園query是哪一個不好找… <div>此帖由天唐永thianz 在 2006-10-02 18:16 进行编辑...</div>

天唐永thianz · 发表于 2006-10-2 21:16

yogafish請問你的png是用什麼做成的？Phtoshop或其他，格式為何。

天唐永thianz · 发表于 2006-10-3 17:14

圖在SC4裏顯示出來了，
 1、png格式為全彩(非256色)，24bit，透明：不選，交錯型：否。像素：72或96皆可。
 2、關於png在reader裏輸入時，雖選擇為png但reader卻讀為unknown而非png，這一點是沒什麼關系的，到SC4裏就看到圖了。 <div>此帖由天唐永thianz 在 2006-10-04 15:17 进行编辑...</div>

天唐永thianz · 发表于 2006-10-4 15:13

yzzw大，在你的第六點要改一下就可以了
 
 "…在iR的中区空白处，鼠标右键选择[Insert file]，找到对应的PNG图片后，这次要告诉它正确的文件格式，选[png. file] 。见到提示[no entry selected, append to end]选择 [yes]。
 
 （YZZW注：我用MSPaint或PhotoShop建立的PNG文件，都无法被正确识别。按道理，此时中区应出现一个[PNG File]，但是我总是得到一个[Unknow File]文件，我至今不知道哪里错了……以下则继续按原文翻译。） "
 
 這里得到一個[Unknow File]是沒有錯的。得到一個unknow file之後再給這個unknow file generate new gruop and instance，得到兩個numbers
 
 "在上面找到[file info]-[edit] ，请记录[group numbers]和[instance numbers]（对应的是图片文件的编号）。建议再次用NOTEPAD抄录下来，用英文的逗号隔开。（我的图片文件因为不可识别，所以是“00000000，00000000”，这肯定是错的……） "
 
 你沒錯，你只是漏了一步，為unknown file generate兩個numbers <div>此帖由天唐永thianz 在 2006-10-04 15:15 进行编辑...</div>

CNAurora · 发表于 2006-10-4 16:43

这样啊，下回我试一试

yogafish · 发表于 2006-10-6 11:05

<div class='quotetop'>引用:( 天唐永thianz @ 2006-10-04 15:13 <a href="redirect.php?goto=findpost&p=191005">查看原帖</a> )</div><div class='quotemain'>yzzw大，在你的第六點要改一下就可以了
 "…在iR的中区空白处，鼠标右键选择[Insert file]，找到对应的PNG图片后，这次要告诉它正确的文件格式，选[png. file] 。见到提示[no entry selected, append to end]选择 [yes]。  （YZZW注：我用MSPaint或PhotoShop建立的PNG文件，都无法被正确识别。按道理，此时中区应出现一个[PNG File]，但是我总是得到一个[Unknow File]文件，我至今不知道哪里错了……以下则继续按原文翻译。） "
 這里得到一個[Unknow File]是沒有錯的。得到一個unknow file之後再給這個unknow file generate new gruop and instance，得到兩個numbers
 "在上面找到[file info]-[edit] ，请记录[group numbers]和[instance numbers]（对应的是图片文件的编号）。建议再次用NOTEPAD抄录下来，用英文的逗号隔开。（我的图片文件因为不可识别，所以是“00000000，00000000”，这肯定是错的……） "
 你沒錯，你只是漏了一步，為unknown file generate兩個numbers</div>
 
 看来问题你已经解决了～～：）
 
 这里提示下，如果在UI中要定制里面有些信息的文字，如：把“参观展览的人数”改为“参加剪彩的嘉宾”，那么，你需要添加一个LTEXT，所有在UI中显示的静态文字都是放在一个个LTEXT文件中的，你只需要修改LTEXT的指向就行了～
 
 多多学习国外优秀BAT的范例，会有更多的发现的：）

		自动登录	找回密码
密码			入住