九月, 2010:

Web前端开发QQ群 110939958-业余程序员

UBUNTU下的ECLIPSE紧凑布局

很久都觉得乌班图里的ep布局太差了,写代码的空间被挤得剩下一点点,本本的屏就是小,没办法。昨天终于找到原来这些样式都是可以配置的,ubuntu果然强大。

首先在用户根目录新建.gtkrc和.gtkrc-2.0文件
内容:include "/home/你的帐户/.gtkrc.mine"

然后.gtkrc.mine的内容我从网上考了一种,并做了一些修改

style "gtkcompact" {
GtkButton::default_border={1,1,1,1}
GtkButton::default_outside_border={0,0,0,0}
GtkButtonBox::child_min_width=1
GtkButtonBox::child_min_heigth=1
GtkButtonBox::child_internal_pad_x=0
GtkButtonBox::child_internal_pad_y=0
GtkMenu::vertical-padding=1
GtkMenuBar::internal_padding=1
GtkMenuItem::horizontal_padding=4
GtkToolbar::internal-padding=0
GtkToolbar::space-size=1
GtkOptionMenu::indicator_size=1
GtkOptionMenu::indicator_spacing=1
GtkPaned::handle_size=4
GtkRange::trough_border=1
GtkRange::stepper_spacing=1
GtkScale::value_spacing=1
GtkScrolledWindow::scrollbar_spacing=1
GtkExpander::expander_size=10
GtkExpander::expander_spacing=1
GtkTreeView::vertical_separator=0
GtkTreeView::horizontal_separator=0
GtkTreeView::fixed_height_mode=TRUE
GtkTreeView::expander_size=9
GtkTreeView::expander_spacing=0
# GtkTreeView::expander_size=11
GtkTreeView::expander_indent=1
GtkTreeView::focus_line_width=1
GtkTreeView::spacing=0
GtkTreeView::row_ending_details=1
GtkTreeView::treeview_left=2
GtkTreeView::treeview_right=1
GtkTreeView::treeview_middle=1
GtkTreeView::passive_focus=0
GtkTreeView::separator_height=1
GtkTreeView::tree_line_pattern="\001\001"
GtkTreeView::grid_line_pattern="\001\001"
GtkTreeView::grid_line_width=1
GtkTreeView::tree_line_width=1
GtkWidget::focus_padding=1
}
class "GtkWidget" style "gtkcompact"

style "gtkcompactextra" {
xthickness=1
ythickness=1
}
class "GtkButton" style "gtkcompactextra"
class "GtkToolbar" style "gtkcompactextra"
class "GtkPaned" style "gtkcompactextra"

UI.Window组件

更新了一个Window组件:

基本功能:

  • 拖动标题
  • 拖动边框和右下角
  • 设置标题和内容
  • 设置大小和位置
  • 自定义皮肤

这次主要加入的内容有:

  1. WindowManager
  2. Button类
  3. 边界检测
  4. 层级关系
  5. 新的chrome皮肤

已测试的浏览器:

  • IE8
  • FF3
  • chrome6
  • oprea10

演示地址:http://www.jatx.net/UI/window/window.html