如何在其中创建包含透明半圆的视图,并添加阴影

时间:2017-07-10 10:20:52

标签: ios swift uiview

我需要在应用中创建一张票,就像我附上的图片一样。 我的问题是,我似乎无法找到制作透明半圆孔的解决方案,同时使阴影跟随洞。

Ticket view

票证视图将用于tableview单元格。

我的第一个想法是制作两个视图,一个是白色,一个是绿色,然后在绿色部分添加一些背景色的圆形视图 - 但是阴影看起来不正确。

然后我考虑将其添加为图像,但我认为这个解决方案是错误的,而不是iOS开发人员..这也不会在不同的设备上扩展,我将无法将文本与绿色部分对齐等。

所以我有点迷失 - 如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

请按照以下步骤解决您的问题:

  1. 在你的牢房里接受UIView - 你的情况下的绿色视图
  2. 在其中添加两个子视图
  3. 一个在右上角,另一个在右下角(在右上角只添加一半视图 - 视图的剩余一半部分必须在绿色视图之外)
  4. 添加以下代码以设置半圆形...

    firstCircleView.layer.cornerRadius = firstCircleView.frame.size.width + 2
    firstCircleView.clipsToBounds = true
    firstCircleView.layoutIfNeeded()
    
    secondCircleView.layer.cornerRadius = secondCircleView.frame.size.width + 2
    secondCircleView.clipsToBounds = true
    secondCircleView.layoutIfNeeded()
    
  5. 注意:您需要创建两个视图。

    首选截图:

    enter image description here

    输出:

    enter image description here

    注意1:我已经在UIView中添加了它而不是它,你可以在UITableViewCell中添加它。我在第一个截图中使用了灰色背景颜色来理解目的。运行应用程序时请将其设为白色。