浏览器界面设计

[zzwu]

我想做个浏览器，我用一般应用的界面形式：标题行+菜单条+工具条+客户区（浏览区）+状态行的形式，觉得不好看。不知一般浏览器的是界面是如何组成的？例如下面的界面用了什么组件：

[zzwu]

引用 12 楼 frank_lee_cn 的回复:

楼主，二楼说这个要自己写UI，你明白他的意思吗？ 如果我没有理解错， 要实现这个，可以自己实现UI控件。 举个例子，那个大e图标，或者它右边的那些按钮， 你可以自己用TPanel，或它的某个父类如TCustomControl什么的， 结合简单的绘图技巧， 自己做一个出来吗？ 除非你想用第3方控件就行了， 否则我想你应该从这里开始。 一旦做会做这个按钮（其实看你在本版的专家分，觉得你应该早就会了啊，挺奇怪） 那么收藏夹那一行就很简单了。 比较难的是标签页那行，等你会做按钮和收藏夹后再说。

你讲的标签页是指存放已被打开但不浏览而也未关闭的那些网页的那个控制条吧？ 这部分难在那里？是否其中项目很多时相应的宽带要变狭？

[Frank6600]

这些就是多标签控件，
实现它的难点大概有：
·标签的拖曳效果
·标签左右两边曲线边绘制
·标签active时，同时切换标签控件下方的显示内容
······
诸如此类。

懂了原理后，
除了曲线边绘制对我确实稍难一些外，
其他倒也不是多难。
（呵！每个人觉得难的地方当然不会一样）
但还不懂原理时，
完全不知如何实现。

[fansfantasy]

引用 6 楼 santiaodahan 的回复:

自己用图片也可以定制出好看的界面，美工要好。新版Delphi里的界面风格，可以修改定制：

请问这个fmx style viewer 是自己写的还是哪里有的下?

[zzwu]

引用 20 楼 frank_lee_cn 的回复:

这些就是多标签控件， 实现它的难点大概有： ·标签的拖曳效果 ·标签左右两边曲线边绘制 ·标签active时，同时切换标签控件下方的显示内容 ······ 诸如此类。 懂了原理后， 除了曲线边绘制对我确实稍难一些外， 其他倒也不是多难。 （呵！每个人觉得难的地方当然不会一样） 但还不懂原理时， 完全不知如何实现。

这种形式的标签在Delphi7中现成有的，用于多页面设计，我常看到，用不到自己画吧？标签的拖曳恐怕也现成有，用不到自己考虑。

[zzwu]

引用 24 楼 santiaodahan 的回复:

[quote=引用 21 楼 fansfantasy 的回复:] [quote=引用 6 楼 santiaodahan 的回复:] 自己用图片也可以定制出好看的界面，美工要好。新版Delphi里的界面风格，可以修改定制：

请问这个fmx style viewer 是自己写的还是哪里有的下?[/quote] 这个是高版本的Delphi自带的界面风格编辑工具里的一个例子。[/quote] ------------------------------------------------------------------------------------------------------------------------- 我未用过比7高的版本Delphi，其中的标签页确实比Delphi7好看。不知你用了Delphi 多少版？

[zzwu]

网上已搜到，在XE2或以后版本都可有FMX.

[Frank6600]

引用 22 楼 zzwu 的回复:

这种形式的标签在Delphi7中现成有的，用于多页面设计，我常看到，用不到自己画吧？标签的拖曳恐怕也现成有，用不到自己考虑。

看你具体需要它有什么样的外观及功能。 就像你一开始问的问题，其实按钮在D7都有，只是不好看，所以你不满意。 多标签控件也一样， D7现成有，但符不符合你的需要呢？ 如果D7和第3方的都不符合你需要， 那就只能自己来了。 如果有符合的，当然用现成的简单。

[santiaodahan]

引用 21 楼 fansfantasy 的回复:

[quote=引用 6 楼 santiaodahan 的回复:] 自己用图片也可以定制出好看的界面，美工要好。新版Delphi里的界面风格，可以修改定制：

请问这个fmx style viewer 是自己写的还是哪里有的下?[/quote] 这个是高版本的Delphi自带的界面风格编辑工具里的一个例子。

[santiaodahan]

引用 25 楼 zzwu 的回复:

[quote=引用 24 楼 santiaodahan 的回复:] [quote=引用 21 楼 fansfantasy 的回复:] [quote=引用 6 楼 santiaodahan 的回复:] 自己用图片也可以定制出好看的界面，美工要好。新版Delphi里的界面风格，可以修改定制：

请问这个fmx style viewer 是自己写的还是哪里有的下?[/quote] 这个是高版本的Delphi自带的界面风格编辑工具里的一个例子。[/quote] ------------------------------------------------------------------------------------------------------------------------- 我未用过比7高的版本Delphi，其中的标签页确实比Delphi7好看。不知你用了Delphi 多少版？ [/quote] 我用是最新版Berlin的Starter版本，是一个免费版本，只能做Win32开发。FMX是Delphi另一套可以多平台使用的组件库。

[zzwu]

遗憾，要用Delphi10版本。

[zzwu]

本帖各位参与者注意，本帖原为40分，分数我已决定给于各位，我后又为本帖加了100分，想继续研究浏览器设计，但不是UI问题，而是希望了解：作为一个简单实用方便安全的浏览器，那些必不可少的功能？我的观点是 1， 前进、后退、刷新和收藏按钮是必要的 2， 收藏条是必要的，并可编辑、删除、整理，和左右拖移 3， 收藏记录是必要的，并可编辑、删除、整理，和上下拖移 4，极简单的使用帮助 5，保留菜单条右边退出等按钮，但菜单项只有“帮助”一项 6，浏览器平时不浏览时屏幕上可以放百度、必应等搜索，并 7，加不多于20个常用网站， 而其余一切都不必要，如 不必作历史记录，既可以节省内存，且永远无痕， 菜单条除帮助外，其他都无必要。 不知各位认为如何？

[日立奔腾浪潮微软松下联想]

差不多这样吧，先做出一个能用的再逐步改进。

[santiaodahan]

浏览器拿来练手，学习编程技术可以，但做出实用的，吸引大量用户的不容易。浏览器是重要的通用软件，很多大公司都在做，各种浏览器层出不穷，竞争激烈。而且WebBrowser只是一个外壳，它是调用IE的核心渲染引擎，你不处理历史文件它就会存在，不会无痕。

[日立奔腾浪潮微软松下联想]

浏览器内核（或者叫web引擎，主要包括渲染引擎和脚本引擎两部分）并非只有IE一种，主要有： Trident (IE) Gecko (Firefox) WebKit （Safari、 Chrome)

[日立奔腾浪潮微软松下联想]

基本功能都差不多，差别主要在性能和可移植性，Gecko和WebKit都是跨平台的，IE内核应该是windows only，据说ms的Edge使用了新内核，我还不是很了解。国产浏览器基本都是基于IE内核的。

[zzwu]

引用 32 楼 DelphiGuy 的回复:

浏览器内核（或者叫web引擎，主要包括渲染引擎和脚本引擎两部分）并非只有IE一种，主要有： Trident (IE) Gecko (Firefox) WebKit （Safari、 Chrome)

请问：这些浏览器内核有些什么重要差别？ 又：不知国产浏览器如360，2345，等，都用了那个内核？

[lyhoo163]

这是我的浏览器，功能强大。主要是自己需要的功能都有，快捷（一键操作）为原则，还可以投票.....

[zzwu]

引用 35 楼 lyhoo163 的回复:

这是我的浏览器，功能强大。主要是自己需要的功能都有，快捷（一键操作）为原则，还可以投票.....

你的浏览器倒也有特色，有一栏“快捷字符”，这是一个创新。至于用哪些关键字可考虑。

[lyhoo163]

关键字放在INI文件中，显示时读入。这样，每天要登录时，就方便了。鼠标点点就完成。

[zzwu]

如何更新这些快捷字符 就是用菜单中的文件存放这些快捷字符？