[Unity 3d] 實現(xiàn)拖拽圖片縮放尺寸只需要簡單3句代碼

在本文阴孟,筆者將教大家怎么簡單的做出運行時圖片尺寸縮放功能。

前言:

老板需要拖拽監(jiān)控播放器左下角能夠縮放播放器界面税迷,本以為好難啊永丝,沒想到這么簡單,做個筆記水上一貼箭养,也分享給大家吧慕嚷。

實現(xiàn):

先是UI結(jié)構(gòu):


  • 播放器開啟時會存在一個灰色的遮罩覆蓋屏幕,所以將 MonitorPlayer 覆蓋全屏
  • 名為 Background 的播放器作為 MonitorPlayer 子組件毕泌,方便控制
  • Sizer 作為 BackGround 子組件喝检,用于接收拖拽事件而驅(qū)動 BackGround實現(xiàn)播放器尺寸縮放。

然后是關(guān)鍵代碼:

    public float min; //最小縮放尺寸與原尺寸比
    public float max; //最大縮放尺寸與原尺寸比
    private Vector2 orignSize; //緩存原始尺寸
    public RectTransform targetRect; //被控制的 圖片 
    void Awake()
    {
        orignSize = targetRect.sizeDelta;
    }
    void IDragHandler.OnDrag(PointerEventData eventData) //僅僅實現(xiàn)一個 IDragHandler 接口就行了
    {
        float x = Mathf.Clamp(targetRect.sizeDelta.x + eventData.delta.x, orignSize.x*min, orignSize.x*max);
        //float y = Mathf.Clamp(targetRect.sizeDelta.y - eventData.delta.y, orignSize.y*min, orignSize.y*max);
        float y = x / targetRect.sizeDelta.x * targetRect.sizeDelta.y; //相比于上一句實現(xiàn)了Image 等比縮放撼泛,任選一句挠说。
        targetRect.sizeDelta= new Vector2 (x,y);
    }

完整代碼:

/*
 * Target RectTransform Pivot 必須是 (0,1)
 */
using UnityEngine;
using UnityEngine.EventSystems;

public class ImageResizer : MonoBehaviour, IPointerEnterHandler, IPointerExitHandler, IDragHandler
{
    public float min;
    public float max;
    private Vector2 orignSize;
    [SerializeField]
    private RectTransform targetRect;
    [SerializeField]
    private Texture2D cursorHandle; //鼠標(biāo)

    void Awake()
    {
        orignSize = targetRect.sizeDelta;
    }

    #region  Function Deal with size

    void IDragHandler.OnDrag(PointerEventData eventData)
    {
        float x = Mathf.Clamp(targetRect.sizeDelta.x + eventData.delta.x, orignSize.x*min, orignSize.x*max);
        //float y = Mathf.Clamp(targetRect.sizeDelta.y - eventData.delta.y, orignSize.y*min, orignSize.y*max); 
        float y = x / targetRect.sizeDelta.x * targetRect.sizeDelta.y; //等比縮放
        targetRect.sizeDelta= new Vector2 (x,y);
    }
    // 重置Target 尺寸
    public void ResetSize()
    {
        targetRect.sizeDelta = orignSize;
    }
    #endregion
    #region Cursor Behaviours
    public void OnPointerEnter(PointerEventData eventData)
    {
        Cursor.SetCursor(cursorHandle, Vector2.zero, CursorMode.Auto);
    }
    public void OnPointerExit(PointerEventData eventData)
    {
        SetDefaultCursor();
    }
    private static void SetDefaultCursor()
    {
        Cursor.SetCursor(null, Vector2.zero, CursorMode.Auto);
    }
    private void OnDisable()
    {
        SetDefaultCursor();
    }
    private void OnDestroy()
    {
        SetDefaultCursor();
    }
    #endregion
}

Tips : 完整代碼僅僅是增加了鼠標(biāo)光標(biāo)的處理哈~

演示:

結(jié)語:

不禁感慨愿题,真相往往如此簡單损俭!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市抠忘,隨后出現(xiàn)的幾起案子撩炊,更是在濱河造成了極大的恐慌外永,老刑警劉巖崎脉,帶你破解...
    沈念sama閱讀 216,544評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異伯顶,居然都是意外死亡囚灼,警方通過查閱死者的電腦和手機骆膝,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來灶体,“玉大人阅签,你說我怎么就攤上這事⌒椋” “怎么了政钟?”我有些...
    開封第一講書人閱讀 162,764評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長樟结。 經(jīng)常有香客問我养交,道長,這世上最難降的妖魔是什么瓢宦? 我笑而不...
    開封第一講書人閱讀 58,193評論 1 292
  • 正文 為了忘掉前任碎连,我火速辦了婚禮,結(jié)果婚禮上驮履,老公的妹妹穿的比我還像新娘鱼辙。我一直安慰自己,他們只是感情好玫镐,可當(dāng)我...
    茶點故事閱讀 67,216評論 6 388
  • 文/花漫 我一把揭開白布摘悴。 她就那樣靜靜地躺著峭梳,像睡著了一般。 火紅的嫁衣襯著肌膚如雪蹂喻。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,182評論 1 299
  • 那天口四,我揣著相機與錄音孵运,去河邊找鬼治笨。 笑死俯萌,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播爪飘,決...
    沈念sama閱讀 40,063評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼琉苇,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了悦施?” 一聲冷哼從身側(cè)響起并扇,我...
    開封第一講書人閱讀 38,917評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎抡诞,沒想到半個月后穷蛹,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,329評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡昼汗,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,543評論 2 332
  • 正文 我和宋清朗相戀三年肴熏,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片顷窒。...
    茶點故事閱讀 39,722評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡蛙吏,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出鞋吉,到底是詐尸還是另有隱情鸦做,我是刑警寧澤,帶...
    沈念sama閱讀 35,425評論 5 343
  • 正文 年R本政府宣布谓着,位于F島的核電站泼诱,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏赊锚。R本人自食惡果不足惜治筒,卻給世界環(huán)境...
    茶點故事閱讀 41,019評論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望舷蒲。 院中可真熱鬧耸袜,春花似錦、人聲如沸牲平。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至胰锌,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間藐窄,已是汗流浹背资昧。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留荆忍,地道東北人格带。 一個月前我還...
    沈念sama閱讀 47,729評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像刹枉,于是被迫代替她去往敵國和親叽唱。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 44,614評論 2 353

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

  • 請清楚自己想為讀者提供怎樣的樂趣 大澤:大家好微宝,今天這堂課是關(guān)于“如何設(shè)計情節(jié)”的棺亭。事實上,我寫小說基本上不對情節(jié)...
    師者之寫道閱讀 85評論 0 0
  • 脫下鞋子跳舞蟋软,赤著腳太空漫步 青春的起點镶摘,我們聽著那句: 最好的朋友在身邊 最愛的人就在對面 70后的青春是一張老...
    楊小半閱讀 434評論 2 7
  • 煩惱無聊的半天終于過去了!輪到這很累岳守,但非常有趣的下午了凄敢。接下來讓我來給你說一說吧。我們回到賓館休息了一下湿痢,就馬上...
    candy2008閱讀 538評論 0 2
  • 內(nèi)存泄漏問題一直是項目開發(fā)中的一大問題,本文力求幫助從事過一段時間工作的iOS開發(fā)者快速尋找App中的內(nèi)存泄漏問題...
    鄉(xiāng)水情緣閱讀 320評論 0 1
  • 3月18日:今天是第一天讀《大學(xué)》臀规,第一遍的時候我讀的非常慢消恍,有不認(rèn)識的字,讀完前一個字以现,后一個字都接不上狠怨,心里有...
    安琪w閱讀 652評論 0 0