02-Framer基礎(chǔ)-Layers層

Dosen原創(chuàng)

開始學(xué)習(xí)Framerjs寇壳,邊學(xué)邊翻譯太伊,也加了一些我學(xué)習(xí)過程中的理解。寫下來留作以后查閱箫锤,看官如果發(fā)現(xiàn)有地方寫的不對請指出贬蛙。轉(zhuǎn)載請聯(lián)系作者雨女。


Layers????? 層


A layer is a rectangle that draws elements. Layers can display images, videos or text. Every layer inherits a set of default properties: width, height and a blue background.

層是一個(gè)繪制的矩形元素。層可以顯示圖片速客,視頻或文字戚篙。每個(gè)層都繼承一系列的默認(rèn)屬性:寬,高溺职,和一個(gè)藍(lán)色背景岔擂。

這段代碼創(chuàng)建了一個(gè)位置在0.0,寬高為100px的層浪耘。


層的概念就像一個(gè)容器乱灵,所有可視元素都要放在這個(gè)容器里。





Properties????? 屬性

A layers position, size and looks are defined by its properties. Besides being able to define an image, background, or video, you can also transform, hide layers, scale layers and more.

一個(gè)層的位置七冲、尺寸痛倚,看起來的樣子是通過它的屬性來定義的。不光可以定義一個(gè)圖片澜躺、背景或視頻蝉稳,你還可以對層進(jìn)行移動、隱藏掘鄙、縮放耘戚、等

這段代碼創(chuàng)建了一個(gè)名字是layerB的層,顏色是#2DD7AA操漠,寬高為60px收津,縮放值為1,描邊3px浊伙。


You can also define and override properties after having created a layer.

你也可以在創(chuàng)建了一個(gè)層后對它的屬性進(jìn)行再定義撞秋、重寫。

這段代碼對layerB的描邊嚣鄙,旋轉(zhuǎn)吻贿,透明度,縮放屬性進(jìn)行了更改哑子,再定義廓八。



Positioning????? 位置

A layer can be positioned with its x and y properties. These values define the distance from the top-left corner of the canvas. The minX, minY, midX, midY, maxX and maxY values can also be used to position a layer.

一個(gè)層可以通過它的x,y屬性進(jìn)行定位赵抢。這些值表示層到視圖左上角的距離剧蹂。minX(左上角到圖層最左的距離),minY(左上角到圖層最頂?shù)木嚯x)烦却,midX(左上角到圖層水平中心的距離)宠叼,midY(左上角到圖層垂直中心的距離),maxX(左上角到圖層最右的距離),maxY(左上角到圖層最底的距離)冒冬,這些值也可以被用于定義層的位置伸蚯。


The distance from the top-left corner of the canvas to the center of a layer can be calculated with midX and middy.

從視圖左上角到層中心的距離可以用midX和midY計(jì)算。


You can center a layer within its superLayer (see Hierarchy), or on the screen by calling the center() function. Layers can also be exclusively centered horizontally or vertically.

你可以把一個(gè)層居中到它的父類層简烤,或者使用center()方法剂邮。層就可以到中心點(diǎn),或水平中心或垂直中心横侦。



Hierarchy????? 層級

Layers can have a parent and/or children. Parent layers are called superLayers, and child layers are called subLayers. Layers inherit properties from their superLayers.

層可以有父層挥萌、子層。父層被稱作superLayers(超級層枉侧?)引瀑,子層被稱作subLayers(節(jié)點(diǎn)層?)榨馁。層繼承父層的屬性憨栽。

這段代碼兩行的意思是一樣的。第一行是指定layerB的父層為layerA翼虫,第二行是指定layerA的子層為layerB屑柔。



Layer types????? 層的類型

Layers can contain images, videos and text.

層可以容納圖片、視頻珍剑、文字锯蛀。

這段代碼示例了添加不同類型元素的方法。



Summary????? 概要


— Layers are defined by properties

使用屬性定義層次慢。

— Layers have hierarchy and inherit properties from their parents

層有層級并且從它們的父類中繼承屬性。

— Layers can be transformed, scaled, masked, rotated and more

層可以被移動翔曲、縮放迫像、遮罩、旋轉(zhuǎn)瞳遍,等闻妓。

— Layers can contain images, videos and text

層可以容納圖片、視頻掠械、文字由缆。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市猾蒂,隨后出現(xiàn)的幾起案子均唉,更是在濱河造成了極大的恐慌,老刑警劉巖肚菠,帶你破解...
    沈念sama閱讀 216,692評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件舔箭,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)层扶,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,482評論 3 392
  • 文/潘曉璐 我一進(jìn)店門箫章,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人镜会,你說我怎么就攤上這事檬寂。” “怎么了戳表?”我有些...
    開封第一講書人閱讀 162,995評論 0 353
  • 文/不壞的土叔 我叫張陵桶至,是天一觀的道長。 經(jīng)常有香客問我扒袖,道長塞茅,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,223評論 1 292
  • 正文 為了忘掉前任季率,我火速辦了婚禮野瘦,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘飒泻。我一直安慰自己鞭光,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,245評論 6 388
  • 文/花漫 我一把揭開白布泞遗。 她就那樣靜靜地躺著惰许,像睡著了一般。 火紅的嫁衣襯著肌膚如雪史辙。 梳的紋絲不亂的頭發(fā)上汹买,一...
    開封第一講書人閱讀 51,208評論 1 299
  • 那天,我揣著相機(jī)與錄音聊倔,去河邊找鬼晦毙。 笑死,一個(gè)胖子當(dāng)著我的面吹牛耙蔑,可吹牛的內(nèi)容都是我干的见妒。 我是一名探鬼主播,決...
    沈念sama閱讀 40,091評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼甸陌,長吁一口氣:“原來是場噩夢啊……” “哼须揣!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起钱豁,我...
    開封第一講書人閱讀 38,929評論 0 274
  • 序言:老撾萬榮一對情侶失蹤耻卡,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后牲尺,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體劲赠,經(jīng)...
    沈念sama閱讀 45,346評論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,570評論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了凛澎。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片霹肝。...
    茶點(diǎn)故事閱讀 39,739評論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖塑煎,靈堂內(nèi)的尸體忽然破棺而出沫换,到底是詐尸還是另有隱情,我是刑警寧澤最铁,帶...
    沈念sama閱讀 35,437評論 5 344
  • 正文 年R本政府宣布讯赏,位于F島的核電站,受9級特大地震影響冷尉,放射性物質(zhì)發(fā)生泄漏漱挎。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,037評論 3 326
  • 文/蒙蒙 一雀哨、第九天 我趴在偏房一處隱蔽的房頂上張望磕谅。 院中可真熱鬧,春花似錦雾棺、人聲如沸膊夹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,677評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽放刨。三九已至,卻和暖如春尸饺,著一層夾襖步出監(jiān)牢的瞬間进统,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,833評論 1 269
  • 我被黑心中介騙來泰國打工浪听, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留螟碎,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,760評論 2 369
  • 正文 我出身青樓馋辈,卻偏偏與公主長得像,于是被迫代替她去往敵國和親倍谜。 傳聞我的和親對象是個(gè)殘疾皇子迈螟,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,647評論 2 354

推薦閱讀更多精彩內(nèi)容

  • 轉(zhuǎn)載:http://www.reibang.com/p/32fcadd12108 每個(gè)UIView有一個(gè)伙伴稱為l...
    F麥子閱讀 6,196評論 0 13
  • 每個(gè)UIView有一個(gè)伙伴稱為layer,一個(gè)CALayer尔崔。UIView實(shí)際上并沒有把自己畫到屏幕上;它繪制本身...
    shenzhenboy閱讀 3,104評論 0 17
  • (1) 沒錯(cuò)我是蘇程程答毫,我是一個(gè)妹子,喜歡一個(gè)男生很久了季春,身邊的閨蜜都知道我對他的心意洗搂,我告訴...
    是聲晚吖閱讀 444評論 0 1
  • 各位敬愛的老師,親愛的伙伴,大家晚上好耘拇!我是來自14級語文教育3班的孔德月撵颊,我今天演講的題目是《修身尚德,從微小之...
    孔家月兒閱讀 2,539評論 0 4
  • 昨天我回到家惫叛,澤澤奶奶說他叫姐姐了倡勇,若要說什么契機(jī),我也很難說嘉涌,后來我們認(rèn)真地劃拉了一下妻熊,澤澤除了幾個(gè)較遠(yuǎn)的表姐,...
    綿綿澤澤閱讀 234評論 0 0