本文以微信社交對話框?yàn)槔M(jìn)行說明如何切點(diǎn)九圖亭姥，其原則如下：
1.保留對話框周邊四個(gè)圓角；
2.保留對話框右邊的指向“三角”谁撼；
3.指定橫向（水平）蒜绽、縱向（垂直）內(nèi)容范圍區(qū)域镶骗；
整個(gè)圖片在拉伸過程中，四個(gè)圓角和指向“三角”保持不變躲雅，這樣才能保證對話框不變形鼎姊、不模糊。指定內(nèi)容區(qū)域范圍，是為了避免內(nèi)容溢出在對話框圓角和指向三角區(qū)域內(nèi)相寇。
具體步驟如下所示：
第一步：畫好我們需要的對話框樣式慰于；
第二步：將對話橫向距離減小到兩圓角之間為10PX（可以更小）間距唤衫，并用鉛筆工具在對話框上部中間（水平）標(biāo)注1*1PX矩形黑點(diǎn)（#000000婆赠，100%）；該黑點(diǎn)表示佳励，該對話框可以橫向拉伸該區(qū)域致想要尺寸大小休里。
上圖最終切圖為放大圖，方便說明（黑點(diǎn)赃承、黑線妙黍、間距）更清晰。
注意瞧剖，黑點(diǎn)與對話框之間保留1PX空白間距拭嫁。
第三步：同樣的道理，用鉛筆工具在對話框的左側(cè)標(biāo)注1*1PX矩形黑點(diǎn)（#000000抓于，100%）做粤；該黑點(diǎn)表示，該對話框可以縱向拉伸該區(qū)域致想要尺寸大小捉撮。如下圖所示驮宴。
注意，黑點(diǎn)位置縱向高度低于右邊指向“三角”下部呕缭，說明該對話框縱向向下拉伸（單方向）。
如果想要對話框縱向雙向?qū)ΨQ拉伸修己，指向“三角”保持在中間位置恢总。則，需要左側(cè)縱向標(biāo)注兩個(gè)黑點(diǎn)睬愤，且距離三角距離相同片仿。如下圖所示。
第四步：指定對話框內(nèi)文本縱向占位范圍尤辱。用鉛筆工具在對話框的右側(cè)標(biāo)注寬為1PX矩形黑線（#000000砂豌，100%）；該黑線表示對話框內(nèi)文本垂直范圍光督。如下圖所示阳距。
第五步：指定對話框內(nèi)文本水平占位范圍。用鉛筆工具在對話框的下側(cè)標(biāo)注寬為1PX矩形黑線（#000000结借，100%）筐摘；該黑線表示對話框內(nèi)文本水平范圍。如下圖所示。
總結(jié)：通過以上五步咖熟，該對話框的點(diǎn)九切圖完畢圃酵。
如果沒有指定文本范圍區(qū)域，就會出現(xiàn)以下情況馍管。如下圖所示郭赐。
切記，黑點(diǎn)确沸、黑線一定要與對話框之間保留1PX間距捌锭。切出來的圖片命名為：“*.9.png”
