用户界面改变图片锚点
生活随笔
收集整理的這篇文章主要介紹了
用户界面改变图片锚点
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
1.屏幕分辨率設(shè)置為480*800
2.創(chuàng)建一張圖片, 圖片原大小為100*100
3.改變圖片錨點(diǎn)
(1).圖片錨點(diǎn)處于屏幕中心點(diǎn)的時候,錨點(diǎn)是一個雪花狀的物體, 想象錨點(diǎn)是一個1*1像素的矩形, 錨點(diǎn)Min(0.5, 0.5), Max(0.5, 0.5), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(0,0),位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(2).單擊custom, 單擊九宮格左上角的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕左上角。
錨點(diǎn)Min(0, 1), Max(0, 1), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(240,-400), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(3).單擊custom, 單擊九宮格左中的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕左中的位置。
錨點(diǎn)Min(0, 0.5), Max(0, 0.5), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(240,0), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(4).單擊custom, 單擊九宮格左下角的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕左下角。
錨點(diǎn)Min(0, 0), Max(0, 0), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(240,400), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(5).單擊custom, 單擊九宮格右上角的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕右上角。
錨點(diǎn)Min(1, 1), Max(1, 1), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(-240,-400), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(6).單擊custom, 單擊九宮格右中的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕右中的位置。
錨點(diǎn)Min(1, 0.5), Max(1, 0.5), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(-240,0), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(7).單擊custom, 單擊九宮格右下角的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕右下角。
錨點(diǎn)Min(1, 0), Max(1, 0), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(-240,400), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(8).單擊custom, 單擊九宮格下中的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕下中位置。
錨點(diǎn)Min(0.5, 0), Max(0.5, 0), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(0,400), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(9).單擊custom, 單擊九宮格上中的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕上中的位置。
錨點(diǎn)Min(0.5, 1), Max(0.5, 1), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(0,-400), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(10).單擊custom, 單擊stretch下方左側(cè)的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕左側(cè)上、下的位置。
錨點(diǎn)Min(0, 0), Max(0, 1), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)PosX=240, Top=350, Bottom=350, Top和Bottom是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
(11).單擊custom, 單擊stretch下方中間的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕上、下中間的位置。
錨點(diǎn)Min(0.5, 0), Max(0.5, 1), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)PosX=0, Top=350, Bottom=350, Top和Bottom是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
(12).單擊custom, 單擊stretch下方右邊的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕右側(cè)上、下的位置。
錨點(diǎn)Min(1, 0), Max(1, 1), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)PosX=-240, Top=350, Bottom=350, Top和Bottom是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
(13).單擊custom, 單擊stretch右邊下方的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕下方左右兩側(cè)的位置。
錨點(diǎn)Min(0, 0), Max(1, 0), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)PosY=400,Left=190,Right=190,Left和Right是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
(14).單擊custom, 單擊stretch右邊中間的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕中間左右兩側(cè)的位置。
錨點(diǎn)Min(0, 0.5), Max(1, 0.5), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)PosY=0,Left=190,Right=190,Left和Right是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
(15).單擊custom, 單擊stretch右邊上方的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕上方左右兩側(cè)的位置。
錨點(diǎn)Min(0, 1),Max(1, 1),中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)PosY=-400,Left=190,Right=190,Left和Right是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
(16).單擊custom, 單擊stretch右下角的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕上下左右的位置。
2.創(chuàng)建一張圖片, 圖片原大小為100*100
3.改變圖片錨點(diǎn)
(1).圖片錨點(diǎn)處于屏幕中心點(diǎn)的時候,錨點(diǎn)是一個雪花狀的物體, 想象錨點(diǎn)是一個1*1像素的矩形, 錨點(diǎn)Min(0.5, 0.5), Max(0.5, 0.5), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(0,0),位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(2).單擊custom, 單擊九宮格左上角的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕左上角。
錨點(diǎn)Min(0, 1), Max(0, 1), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(240,-400), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(3).單擊custom, 單擊九宮格左中的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕左中的位置。
錨點(diǎn)Min(0, 0.5), Max(0, 0.5), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(240,0), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(4).單擊custom, 單擊九宮格左下角的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕左下角。
錨點(diǎn)Min(0, 0), Max(0, 0), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(240,400), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(5).單擊custom, 單擊九宮格右上角的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕右上角。
錨點(diǎn)Min(1, 1), Max(1, 1), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(-240,-400), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(6).單擊custom, 單擊九宮格右中的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕右中的位置。
錨點(diǎn)Min(1, 0.5), Max(1, 0.5), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(-240,0), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(7).單擊custom, 單擊九宮格右下角的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕右下角。
錨點(diǎn)Min(1, 0), Max(1, 0), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(-240,400), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(8).單擊custom, 單擊九宮格下中的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕下中位置。
錨點(diǎn)Min(0.5, 0), Max(0.5, 0), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(0,400), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(9).單擊custom, 單擊九宮格上中的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕上中的位置。
錨點(diǎn)Min(0.5, 1), Max(0.5, 1), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)(0,-400), 位置坐標(biāo)是錨點(diǎn)和中心點(diǎn)水平方向的距離, 圖片位于屏幕的中心。
(10).單擊custom, 單擊stretch下方左側(cè)的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕左側(cè)上、下的位置。
錨點(diǎn)Min(0, 0), Max(0, 1), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)PosX=240, Top=350, Bottom=350, Top和Bottom是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
(11).單擊custom, 單擊stretch下方中間的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕上、下中間的位置。
錨點(diǎn)Min(0.5, 0), Max(0.5, 1), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)PosX=0, Top=350, Bottom=350, Top和Bottom是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
(12).單擊custom, 單擊stretch下方右邊的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕右側(cè)上、下的位置。
錨點(diǎn)Min(1, 0), Max(1, 1), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)PosX=-240, Top=350, Bottom=350, Top和Bottom是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
(13).單擊custom, 單擊stretch右邊下方的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕下方左右兩側(cè)的位置。
錨點(diǎn)Min(0, 0), Max(1, 0), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)PosY=400,Left=190,Right=190,Left和Right是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
(14).單擊custom, 單擊stretch右邊中間的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕中間左右兩側(cè)的位置。
錨點(diǎn)Min(0, 0.5), Max(1, 0.5), 中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)PosY=0,Left=190,Right=190,Left和Right是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
(15).單擊custom, 單擊stretch右邊上方的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕上方左右兩側(cè)的位置。
錨點(diǎn)Min(0, 1),Max(1, 1),中心點(diǎn)Pivot(0.5, 0.5), 圖片的位置坐標(biāo)PosY=-400,Left=190,Right=190,Left和Right是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
(16).單擊custom, 單擊stretch右下角的方塊, 設(shè)置圖片錨點(diǎn)處于屏幕上下左右的位置。
錨點(diǎn)Min(0, 0),Max(1, 1),中心點(diǎn)Pivot(0.5, 0.5), Top=350, Bottom=350, Left=190, Right=190,Left、Right、Top和Bottom是錨點(diǎn)到圖片邊框水平方向的距離, 圖片位于屏幕的中心。
總結(jié)
以上是生活随笔為你收集整理的用户界面改变图片锚点的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 用户界面图片
- 下一篇: 009_Raphael绘制图形