299
熱門ppt
PPT也有暗黑技能“占位邏輯”，不懂，那就看我的！
該篇文字說的是占位邏輯，這裏主要涉及母版占位符、SmartArt占位和幾何形狀的圖形填充占位。
占位即PlaceHolder，從字麵就可以看出這是一種頁麵排版的預置狀態。
其中前兩種占位方式朋友們比較熟悉，使用母版占位符實現文字圖片的填充和使用SmartArt實現敘述的邏輯圖文結構。這篇文字深入一點說明來說一說占位邏輯。
1 母版占位符
母版中的占位符主要包括六種：文本，圖片，圖表，表格，多媒體，SmartArt。
1.1 文本占位符
文本占位符的作用更趨向於提示文字、然後按照提示文字信息填充對應的文本內容。這個屬性類似於編程中Text文本框的提示屬性：Hint。
下圖中右側部分就是常用應用中，文本占位的使用示例。在幻燈片之中，文本作為信息傳達的基礎媒介，文本占位符的應用場景較多。
1.2 圖片占位符
圖片文件路徑選擇，選中之後就把文件拷貝到幻燈片文件夾下，之後顯示在圖片占位符預留圖層上。使用圖片占位符的好處就是通過預留位置、預圖像處理實現基礎的顯示，並且可重複替換圖像。
母版中的圖片占位符在圖像處理，保持文件的長寬比例進行居中裁剪處理，這樣能夠保證圖片的填充效果。同時，這種固定在代碼中的處理方式，對於需要處理、裁剪圖片的細節部分，使用圖片占位符就不是一個很好的方式了，這時候使用布爾運算或者裁剪功能。
關於其他幾種占位符，它們更趨於一種功能的快捷方式，這裏就不詳述了。
1.3 示例說明
在母版之中，選擇占位符之後，進行排版布局，之後關閉母版視圖。這時候對任何一個空白的頁麵，右鍵-版式，選擇一個合適的版麵設計插入設置。
以下是幾個關於圖片排版的幾種格式，左側為母版中涉及到的文本、圖片占位符，右側是選擇該版式載入圖片顯示的幻燈片頁麵。
除了二維平麵之外，文本、圖片占位符也支持三維格式的結構。關於三維具體的設置參數說明，參考第六篇文字：幻燈片中的點線麵體之「體」
2 SmartArt占位說明
SmartArt是文字和圖片的邏輯結構，主要使用的是文字和圖片占位，通過關係結構將內容體現出來。SmartArt所用到的圖片占位邏輯和幻燈片母版中的圖片占位符所用的邏輯有所不同，文章後麵會進行比較說明。
2.1 SmartArt圖片排版
SmartArt圖片排版這種方式，在許多介紹圖片排版之中的文章中都會提及，原因就在於其本身圖片占位的圖片選擇和便捷排版。比如這樣：
2.2 SmartArt圖片占位使用
2.1中講到了使用這種格式進行排版，怎麼樣提取單一的圖片占位呢，那就看下麵幾張圖操作步驟：
step 1：選擇SmartArt中如下圖的這個版式，為什麼是這個版式：很簡單操作處理成一個圖片占位
step 2：如下圖生成上一步選擇的版式，我們隻需要一個占位。將鼠標光標放在左側文本鍵入區域，在文本輸入中使用Backspace鍵即可刪減該占位項。
step 3：按照step 2 中的方式，將此SmartArt處理成如下圖所示的版式即可。有朋友會問，那個文本占位一直顯示在圖片占位之上怎麼辦，辦法就是在左側文本鍵入區域隨便輸入文字，然後刪除鍵入文字，之後文本占位就為空白。
step 4：將剩餘的那個圖片占位填充整個SmartArt的外側邊框區域，這時候可以更改形狀將其改變成其他形狀。
屆時就已經得到單一的圖片占位符了，用於何處：重複替換圖片的頁麵排版中。
選擇圖片，然後在此圖片占位中顯示圖片。
3 母版圖片占位符和SmartArt圖片占位區別
3.1 母版圖片占位參數
下圖使用的是母版中的圖片占位符，加載完圖片之後，查看其圖片格式，填充功能項中的6個功能項均不能對其設置改變。
3.2 SmartArt圖片占位參數
下圖使用的是SmartArt圖片占位加載生成的圖片，查看其圖片格式屬性，能夠看出：其圖片加載功能是通過圖片或紋理填充功能實現，也就是說可以通過二次改變其參數屬性實現圖片占位的變化多樣。
比較上述兩個占位功能，可以看出：在不需要對圖片進行二次細節處理使用場景之下，在母版之中使用圖片占位符這種圖像加載方式更符合母版的一次製作多次運用。但是牽扯到對圖形的細節處理(如位置、縮放大小)，這時候通過SmartArt占位更加多變靈活性。
對於兩種方式來說，它們共同的好處就是可以重複替換圖片，避免了每次插入圖片進行剪除的繁瑣操作，尤其是多張圖片的處理，圖片占位功能的優點就會大大體現。
4 基本幾何形狀填充占位
在第3節文字中提及，SmartArt所使用的圖片占位是基於圖片或紋理填充功能，因此就以基本幾何圖形作為占位媒介。
下圖是幾何形狀的形狀格式屬性，這裏關於圖片占位僅僅使用圖片或紋理填充此功能。下麵內容比較有意思
如果幾何圖形的比例和加載圖像的比例不一致，通過這種方式加載就會出現圖片變形拉伸等問題，這肯定不是想看到的。
可以看到邊框標記：將圖片平鋪為紋理，這個功能就是保持圖形的長寬比例，如果該張圖片不能夠填充此幾何形狀，將會以多張圖片規則拚接的形式填充這個幾何形狀。
下麵是勾選此功能之後圖片的顯示。可以看出，圖片沒有出現變形等問題，但是圖片本身體積較大，其長寬數值較大，因此顯示在幾何形狀中不能夠展現更多的圖片元素，並且不能夠顯示想要顯示的圖片位置區域，怎麼解決這個問題，接著往下看。
下麵最右的幾張圖片是上述所提及那幾個問題的處理結果，怎麼實現這樣的顯示效果，通過改變以下參數：偏移量、縮放比例、對齊方式。其中縮放比例，xy要保持一致，這樣才能夠保證加載圖片的長寬比例。
小結：可以看出，使用幾何形狀的填充占位邏輯和SmartArt的處理方式一樣，幾何形狀的這種方式提供了更多的修改空間，因此如果兩者在圖片排版的優先級上，選擇幾何形狀會更加高效。
5 如何有意思的使用
除了母版中通過占位符實現快捷的版式排布，SmartArt的圖片占位實現簡易的圖片排版之外，可以使用這些占位實現一些更有意思的圖片動態演示。下麵的示例使用幾何形狀的填充占位，這樣的好處就是，這裏把一些基本的動畫設計完畢，然後每次使用隻需要更改需要的圖片即可。
5.1 圖片的瀑布流
在網頁圖片加載或者應用圖片加載過程中，為了兼容性能和交互，圖片的瀑布流加載顯示方式較為常見。每一張圖片作為一個單獨的個體，滾動的展現方式，在圖片展示中效果較佳。
下麵是一個來源於網絡的示例圖片，想必許多人都有接觸過。
具體的實現：用幾何形狀排版好位置之後，通過路徑、淡入兩種動畫實現其動態顯示。每個幾何形狀均使用圖片填充、替換。
它的應用場景可以作為圖片動畫展示，或者開場展示。比如說：羅子雄大神在TEDx Chongqing上的開場圖片動態展示
第七篇文字到這結束
本文來源：知乎-君陵的小院雜
通過知乎、微信公眾號搜索“君陵的小院雜談”
可以關注作者“JunLing”的其他文章哦~
最後更新：2017-10-16 21:19:22