paintcode for mac是一款基于MiOS矢量繪圖的編程軟件,它的作用在于幫助程序員以及設(shè)計開發(fā)者高效的繪制各種UI圖形。paintcode for mac 破解版的特色還是在于自動生成針對Mac OS X或iOS平臺Objective-C或C#等代碼,能夠為您節(jié)省編程所需的時間,更多放在設(shè)計上,這對于新手是最好的選擇。該軟件mac激活版支持導入代碼到Xcode中或?qū)С鰹镻SD文件,還支持最新的IOS系統(tǒng)哦。這款軟件就是一款簡單的高效矢量繪圖編程工具,如果您有這方面需要的話,可以試試。
本站為您提供paintcode for mac 破解版下載,已為您激活,可隨意使用。安裝破解說明
1、打開dmg鏡像文件,將“paintcode”拖入應用程序中進行安裝;
2、安裝即為破解,您可放心使用。
注:破解版本請勿更新升級,以免破解失效。功能特色
1、Stylekit:
秒變你的應用程序的設(shè)計。與stylekits,所生成的代碼到你的應用程序的集成是非常容易的。stylekit是一種特殊的Objective-C和C #類包含所有你的畫,顏色,漸變,陰影和其他資產(chǎn)。stylekit可以出口從paintcode與只是一個單一的點擊,使設(shè)計調(diào)整過程的快瘋了。
2、變量和表達式:
想要繪制一個多狀態(tài)的按鈕嗎?循環(huán)進度條?動畫機器人手臂?以前從未見過用戶界面控件嗎?創(chuàng)建這些復雜的動態(tài)圖形通常是非常耗時的。不是現(xiàn)在.paintcode的變量和表達式可以讓你創(chuàng)建動態(tài)的、參數(shù)化繪圖與即時的視覺反饋。
3、多層帆布,分頁空間(新):
在多個標簽中使用多個繪圖畫布。每個帆布變成一個繪圖方法在生成的stylekit代碼。
4、更好的工具(新的):
享受旋轉(zhuǎn)和縮放與用戶定義的起源,強大的貝塞爾編輯工具,智能和自定義指南,精確布爾運算,批量導出和導入,分層顏色庫,垂直文本對齊,更好的文本編輯,改進的縮放工具,大綱模式和更多的功能。
5、動態(tài)顏色:
在文檔中多次重復使用同一顏色。從現(xiàn)有的顏色中派生新的顏色,形成永久的關(guān)系。改變基色也會改變所有派生顏色。這個獨特的功能意味著你可以把你的應用程序的整個顏色方案放在一個單一的顏色,你可以很容易地調(diào)整當你喜歡。
6、動態(tài)形狀:
如何定義你的行為時,調(diào)整復雜的圖紙。畫一個可調(diào)整大小的按鈕和檢索圖的代碼來繪制按鈕大小。7、PSD和SVG導入:
導入SVG文件到paintcode,轉(zhuǎn)化成Objective-C或C #繪圖代碼。層圖形的路徑,從Adobe PS圖象處理軟件文檔的文本和團體也可以導入。
使用教程
一、初步開始1、打開我們的PaintCode(最好是正式版而不是試用版),新建一個Document。現(xiàn)在界面是這樣的。
2、paintcode默認幫我們生成了一個canvas,就類似于畫圖軟件里面的畫布,然后查看我們的右側(cè),有一個面板。
這就是屬性面板,看起來有點像我們XIB里面的屬性面板,包括size什么的。
3、ok,在屬性面板里給我們的canvas起個名字,就叫“Stopwatch”好了。
4、然后在我們的Code Export下拉框里,選擇StyleKit Drawing & Image Method這個選項。
注:這個選項的意思就是說,等一會我們生成的代碼里,既包含繪畫的路徑代碼(一堆貝塞爾曲線什么的),還會有一個方法是返回一個UIImage類,讓你可以直接放在UIImageView里。還是很貼心的。
跟我們的Xcode一樣,paintcode里的canvas也是以左上角作為原點的。所以熟練使用Xib的iOS開發(fā)應該也能用的很順手。
二、創(chuàng)造我們的Stopwatch1、下一步,看我們paintcode左上角有一排圖標.
選中圓形的那個圖標,看圖識字應該知道,這個圖標就是用來畫圓形的。
2、ok,選中之后,在我們的畫布上拖一個圓出來,這時候要按住shift鍵不放來拖,因為這樣可以保證圓形是個正圓,而不是個橢圓。
不用太在意圓形的大小,拖完之后我們可以直接在屬性面板里更改。很簡單。
ok,現(xiàn)在我們的畫布上有一個圓了。然后把它的坐標改為(15,30),長寬都改為220.像這樣圖一樣。
3、然后,點擊Fill(就是圓的填充色),在下拉窗口中選擇'Add New Color',創(chuàng)建一個我們自己的顏色。
4、然后在彈出的窗口里輸入顏色的HEX值#118DDA.如圖所示
5、點擊彈出窗口的外面,讓窗口消失,ok我們有了自己的顏色。以后要使用這個色值的時候軟件會直接顯示這個顏色。
剛才我們選了畫圓的按鈕,這時候我們選擇畫方塊的按鈕,因為我們現(xiàn)在要畫一個方塊。
6、隨便在畫板上拖一個方塊,并且把Rect改為下面的值。
X:114Y:2W:22H:347、改完之后你的畫板應該是現(xiàn)在這個樣子。
8、然后我們這時候還需要拖一個方塊,隨便放在畫板的一個角落,然后把大小改為寬9,高20.如圖。
10、然后,我們再拖一個方塊,這時候按住shift鍵不放,這樣可以保證方塊的長寬比一致(也就是正方形),也是隨便放個位置就行了。如圖。
可能有人要問了,我們拖的這兩個小方塊是干嘛的。別著急,繼續(xù)往下看。
我們選中稍大的那個方塊,到右邊的屬性窗口點開Transforms,然后把Rotation改為-45°。
現(xiàn)在應該是這樣的。
11、然后選中我們的小正方形,把他拖到我們旋轉(zhuǎn)-45°的方塊上。如圖
注意:拖動的時候軟件會有提示,你感覺對齊了松手就可以了。
12、拖動到正確位置后,按住shift不放,同時選中這兩個矩形,點擊右上角的這個圖標.
這個圖標叫做Union,意思就是把兩個圖形合并成為一個。
13、ok,點完之后再把這個合二為一的圖片坐標改為下圖的值。
14、好的,我們現(xiàn)在的畫板看起來應該是這樣的。
15、保存一下。起名叫PaintCodeTutorial就行了。
三、創(chuàng)建我們的Stopwatch指針。現(xiàn)在我們有了表盤,還缺表針?,F(xiàn)在我們就來創(chuàng)建我們的表針。
1、我們先創(chuàng)建一個新的畫板,現(xiàn)有畫布的旁邊右鍵點擊
創(chuàng)建一個200*200的畫布,注意,如果你在右鍵點擊之前,第一個畫布處于選中狀態(tài)的時候,他會出現(xiàn)(250 x 250) Size of Stopwatch 這個選項。還是很貼心的。因為他會估計你新創(chuàng)建的畫布會想要和第一個畫布大小相同。
2、創(chuàng)建完成之后把我們的新畫布寬改為250,長改為220.并且把我們的StyleKit改為Drawing Method,意思就是等一會只生成畫圖的代碼而不生成返回UIImage的代碼 如圖。
修改完之后,先不用管他?;氐轿覀兊纳弦粋€畫布。
3、拖一個圓到我們的第一個畫布。如圖。
4、然后把這個圓的顏色改為白色。
5、把這個圓的寬高都改為30.并且坐標放到我們表盤的中央。放完之后,我們的圓的X和Y應該是110,125:
然后再拖一個矩形到我們的表盤上,寬高分別為8,115.然后拖到如圖的位置。大概準就行了。
ok,是不是已經(jīng)很像表針了。
6、這時候按住shift選中我們的長條矩形和圓形,打開屬性面板的Transforms下拉框,我們會看到這樣的東西。
那個綠色的小圓是什么呢?
其實就是類似于我們CALayer的anchorPoint(錨點),如果你旋轉(zhuǎn)一定角度的時候,綠色的小圓就是我們的圖形會以此為圓心旋轉(zhuǎn)的敵方。
7、你可以隨意拖動這個綠色的小圓來指定圖形的錨點。這時候我們選中小圓,把他的錨點拖到圓的中心。如圖
矩形不用管它。
8、然后我們把兩個圖形按照上面的方法,Union一下,合并成一個圖。然后還是打開屬性面板的Transforms下拉框,你會看到這樣。
綠色的小圓在我們圖形的左上角,說明我們的錨點在圖形的左上角,這明顯不對啊,真實的指針哪有這么轉(zhuǎn)的,應該轉(zhuǎn)的時候是以小圓的那個圓心為中心啊。
9、所以我們把綠色的小圓拖到這個位置.
11、ok,我們的表針弄好了。我們把它復制到第二個畫布上。
并且把坐標改為X:125,Y:110.
如圖所示。
12、改好之后,點擊這里.
13、然后在我們的StyleKit Colors里。
14、選擇我們之前創(chuàng)建的一個顏色。
15、行了,其他的不用管了。不過確保你的StyleKit Drawing Methods看起來是這樣的。
16、然后右邊的屬性欄修改一下name什么的。
17、點擊Export按鈕。
會有一個彈窗。
18、點擊Export然后save。你就會看到paintcode幫你導出了這兩個文件。
更新日志
paintcode for mac v3.1.3:
Android矢量可現(xiàn)在出口與梯度
0條評論