Class: Psd2html::Convertor

Inherits:
Object
  • Object
show all
Defined in:
lib/psd2html/convertor.rb

Constant Summary collapse

CSS_TPL = 
"\.{{classname}}\{ \n{{#styles}} {{key}}:{{value}};\n{{/styles}}  \}"
CSS_HASH_BASE = 
{
	"classname" => 'root-container',
	"styles" => {
		"position" => "relative"
	}
}
HTML_TPL = 
"<{{tag}} {{#attributes}} {{key}}=\"{{value}}\" {{/attributes}}>{{{content}}}</{{tag}}>"
HTML_HASH_BASE = 
{
	"attributes" => {
		"class" => "root-container"
	},
	"tag" => "div",
	"content" => ""
}
@@css_dictory = 
{
		}

Instance Attribute Summary collapse

Instance Method Summary collapse

Constructor Details

#initialize(psNode, index, dstPath) ⇒ Convertor

Returns a new instance of Convertor.



27
28
29
30
31
32
33
 
# File 'lib/psd2html/convertor.rb', line 27

def initialize(psNode,index,dstPath)
 @psNode = psNode
 @index = index
 @parentConvertor = nil
 @childrenConvertors = []
   @dstPath = dstPath
end

Instance Attribute Details

#childrenConvertors ⇒ Object

Returns the value of attribute childrenConvertors.



6
7
8
 
# File 'lib/psd2html/convertor.rb', line 6

def childrenConvertors
  @childrenConvertors
end

#index ⇒ Object

Returns the value of attribute index.



6
7
8
 
# File 'lib/psd2html/convertor.rb', line 6

def index
  @index
end

#parentConvertor ⇒ Object

Returns the value of attribute parentConvertor.



6
7
8
 
# File 'lib/psd2html/convertor.rb', line 6

def parentConvertor
  @parentConvertor
end

#psNode ⇒ Object

Returns the value of attribute psNode.



6
7
8
 
# File 'lib/psd2html/convertor.rb', line 6

def psNode
  @psNode
end

Instance Method Details

#css_map ⇒ Object

为了处理css的同名问题，需要使用一个hash来去重



72
73
74
75
76
77
78
79
80
81
82
 
# File 'lib/psd2html/convertor.rb', line 72

def css_map
   Until.log("start generate css of #{@psNode.name}...")
	return unless css_skeleton
	data = css_skeleton.clone
	data["styles"] = hash_to_array(data["styles"])
	data["convertnode"] = self
	@@css_dictory[data["classname"]] = data
	@childrenConvertors.each do |node|
		node.css_map
	end
end

#css_skeleton ⇒ Object

需要被重写，用于生成css的对象hash



58
59
60
 
# File 'lib/psd2html/convertor.rb', line 58

def css_skeleton
	CSS_HASH_BASE
end

#curleft ⇒ Object 



49
50
51
52
 
# File 'lib/psd2html/convertor.rb', line 49

def curleft
  wrapleft = @parentConvertor.psNode.respond_to?("left") ? parentConvertor.psNode.left : 0
  "#{@psNode.left-wrapleft}px"
end

#curtop ⇒ Object 



53
54
55
56
 
# File 'lib/psd2html/convertor.rb', line 53

def curtop
  wraptop = @parentConvertor.psNode.respond_to?("top") ? parentConvertor.psNode.top : 0
  "#{@psNode.top-wraptop}px"
end

#get_css_tpl ⇒ Object 



65
66
67
 
# File 'lib/psd2html/convertor.rb', line 65

def get_css_tpl
	CSS_TPL
end

#get_html_tpl ⇒ Object 



68
69
70
 
# File 'lib/psd2html/convertor.rb', line 68

def get_html_tpl
	HTML_TPL
end

#guid ⇒ Object 



34
35
36
37
38
39
40
41
42
43
44
45
46
47
 
# File 'lib/psd2html/convertor.rb', line 34

def guid
   if @psNode.name.include?("|")
	  className = @psNode.name.split("|")[-2]
   else
     className = @psNode.name
   end
	guidStr = className+@index.to_s
	if /\p{Han}+/u.match(className)
		Digest::MD5.hexdigest(guidStr)
	else
		guidStr
	end
	
end

#html_skeleton ⇒ Object

需要被重写，用于生成html的模板渲染对象



62
63
64
 
# File 'lib/psd2html/convertor.rb', line 62

def html_skeleton
	HTML_HASH_BASE
end

#render_css ⇒ Object 



83
84
85
86
87
88
89
90
91
 
# File 'lib/psd2html/convertor.rb', line 83

def render_css
	css_map()
	cssStr = ""
	@@css_dictory.values.each do |cssData|
		cssStr += "\n" + Mustache.render(cssData['convertnode'].get_css_tpl,cssData)
	end
	@@css_dictory = {}
	cssStr = sync_css(cssStr)
end

#render_html ⇒ Object 



93
94
95
96
97
98
99
100
101
102
103
104
105
 
# File 'lib/psd2html/convertor.rb', line 93

def render_html
   Until.log("start generate html of #{@psNode.name}...")
	return "" unless html_skeleton
	data = html_skeleton.clone
	data["attributes"] = hash_to_array(data["attributes"])
				
				@childrenConvertors.each do |node|
		data["content"] += node.render_html
	end
		    	
	htmlStr = Mustache.render(get_html_tpl,data)
	htmlStr = sync_html(htmlStr)
end

#sync_css(cssstr) ⇒ Object 



106
107
108
 
# File 'lib/psd2html/convertor.rb', line 106

def sync_css(cssstr)
	cssstr
end

#sync_html(htmlstr) ⇒ Object 



109
110
111
 
# File 'lib/psd2html/convertor.rb', line 109

def sync_html(htmlstr)
	htmlstr
end