如何實現微信中貼上圖片的介面

Channnnne發表於2018-01-25

效果如下圖:依次是5s,6,6plus,無需考慮6plus上橫屏

效果圖

功能要點有下面幾個:

  1. 背景是黑色半透明,並遮蔽除按鈕外的其他觸控操作;
  2. 在不同螢幕的手機上,彈窗大小/按鈕大小等比例縮放;
  3. 當圖片寬高比大於1時,彈窗高度變小,但依舊位於螢幕中央;
  4. 彈窗的view和button是有淺灰色邊框,且彈窗有圓角;

目前已在iOS8中完美解決,iOS7存在適配問題,等待問題修復後,我再發布解決方案。

相關文章