右邊和左邊的UIButton邊框

我一直無法獲得三個按鈕之間的邊框或陰影以顯示一些分離。我試圖在中間按鈕的左側和右側獲取邊框或陰影，但我只能在一側獲得陰影。任何幫助是極大的讚賞。右邊和左邊的UIButton邊框

我試圖用戶得到一個陰影，但只顯示在右側：

middleButton.layer.backgroundColor = UIColor.whiteColor().CGColor 
    middleButton.layer.borderColor = UIColor(red: 208/255, green: 208/255, blue: 208/255, alpha: 1.0).CGColor 
    middleButton.layer.borderWidth = 0.0 
    middleButton.layer.masksToBounds = false 
    middleButton.layer.shadowColor = UIColor(red: 208/255, green: 208/255, blue: 208/255, alpha: 1.0).CGColor 
    middleButton.layer.shadowOffset = CGSizeMake(0.5, 1.0) 
    middleButton.layer.shadowOpacity = 1.0 
    middleButton.layer.shadowRadius = 1.0

下面是我用三個按鈕，我試圖添加之間的分隔符當前視圖：

我有它的層次結構表中的單元格：

來源

2016-05-28 kelsheikh

設置背景顏色的BTN可以幫助 –

ü可以在按鈕添加視圖。這看起來是你想要的。 –

看看這裏的答案：http://stackoverflow.com/questions/7666863/uiview-bottom-border – beyowulf

哪裏有實際的代碼的可能性的限制，解決躺在你有「收藏」，「分享」，地圖」的圖形圖標。

可以在圖形圖標創建中爲您的按鈕完成按鈕之間的分隔符邊框/線條。 Adobe 插畫師或photoshop。我在Illustrator中重新創建了一個樣本，將它作爲圖像帶到「Assets.xcassets」，並且將它作爲背景圖像添加到按鈕。

按鈕例如

Snapshop模擬器如下...

來源

2016-05-31 20:59:05 devim1

斯威夫特3回答

，您可根據擴展的UIButton

extension UIButton { 

func addRightBorder(borderColor: UIColor, borderWidth: CGFloat) { 
    let border = CALayer() 
    border.backgroundColor = borderColor.cgColor 
    border.frame = CGRect(x: self.frame.size.width - borderWidth,y: 0, width:borderWidth, height:self.frame.size.height) 
    self.layer.addSublayer(border) 
} 

func addLeftBorder(color: UIColor, width: CGFloat) { 
    let border = CALayer() 
    border.backgroundColor = color.cgColor 
    border.frame = CGRect(x:0, y:0, width:width, height:self.frame.size.height) 
    self.layer.addSublayer(border) 
} 
}

然後，您可以將它用於您的任何按鈕。

middleButton.addRightBorder(borderColor: UIColor.white, borderWidth: 1.0) 

middleButton.addLeftBorder(borderColor: UIColor.white, borderWidth: 1.0)

應該正常工作。快樂編碼！

來源

2017-07-15 09:15:55

另一種方法是將按鈕添加到UIStackView。有了它，您可以輕鬆管理子視圖如何安排和分發。

添加UIView作爲寬度約束爲1點的分隔符。在UIStackView上設置約束後，將分佈屬性設置爲「等間距」，視圖將根據它進行對齊。

來源

2017-07-15 09:56:11 billgert

右邊和左邊的UIButton邊框

回答

相關問題