iOS中氣泡對話方塊展開效果視圖的實現

來源:互聯網
上載者:User

在iOS開發中會遇到使用一個氣泡類型的視圖來做背景,有時候是UIView和UIImageView,有時候是對話方塊Button,

如果直接設定泡泡圖片的話,圖片在展開過程中會把氣泡的小嘴也拉大,而且如果是Button的話,內容也有可能會添加到小嘴的地方,

在iOS6後,使用 resizableImageWithCapInsets 重構圖片大小展開的設定可以解決這個問題。


原理就是把這個UIImage的中間部分,沒有小嘴的一個部分取出來進行展開,而小嘴的部分不變,如果是Button的話,還需要設定內容

在UIButton這個content視圖上的邊距。


UIImage * backImage;

backImage = [UIImage imageNamed:@"chatfrom_bg_normal.png"];

backImage = [backImage resizableImageWithCapInsets:UIEdgeInsetsMake(35, 22, 10, 10)];

backImageView.image = backImage;

backImageView.frame = CGRectMake(, , , );


    



如果UIimage是給UIbutton來設定的話,還需要這樣寫,

button.contentEdgeInsets = UIEdgeInsetsMake(kContentTop, kContentLeft, kContentBottom, kContentRight);//這四個參數就是button的內容對視圖的邊距,自己調整值來看效果。

      



相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.