私はSwiftにはかなり新しく、UIButtonを編集して特定の方法で表示する方法を理解しようとしています。私は私のUIButtonsは次のように見えるようにすることができます方法を知っているしたいと思います:UIButtonを編集して角を丸くする
1
A
答えて
2
はこれを試してみてください。
extension UIView {
func roundCorners(_ corners: UIRectCorner, radius: CGFloat, borderColor: UIColor?, borderWidth: CGFloat?) {
let path = UIBezierPath(roundedRect: self.bounds, byRoundingCorners: corners, cornerRadii: CGSize(width: radius, height: radius))
let mask = CAShapeLayer()
mask.frame = self.bounds
mask.path = path.cgPath
self.layer.mask = mask
if borderWidth != nil {
addBorder(mask, borderWidth: borderWidth!, borderColor: borderColor!)
}
}
private func addBorder(_ mask: CAShapeLayer, borderWidth: CGFloat, borderColor: UIColor) {
let borderLayer = CAShapeLayer()
borderLayer.path = mask.path
borderLayer.fillColor = UIColor.clear.cgColor
borderLayer.strokeColor = borderColor.cgColor
borderLayer.lineWidth = borderWidth
borderLayer.frame = bounds
layer.addSublayer(borderLayer)
}
}
は、用法:
someView.roundCorners([.topLeft, .topRight], radius: 3, borderColor: nil, borderWidth: nil) //top corners with radius 3 without border
someView.roundCorners(.allCorners, radius: 2, borderColor: UIColor.red, borderWidth: 1) //all corners with red border
あなたが任意のUIエレメントにこれを適用することができますUIView
(たとえばUIButton)を継承します。
0
この場合、私は白いテキストで透明なボタンを作成します。
その後、私は境界線の色やサイズを定義します
self.myButton.layer.layer.borderColor = UIColor.white
self.myButton.layer.layer.borderWidth = 3
次の私はボタンを丸めます:
self.myButton.layer.cornerRadius = 3
self.myButton.clipsToBounds = true
だけの上にボタンを配置し、背景を赤にするにはこの色の表示
+0
これは、2だけでなく、4つのコーナーを丸めます。 – rmaddy
関連する問題
- 1. 角を丸くしたUIButton setBackgroundImage
- 2. 1つの丸い角を持つUIButton
- 3. UIButton - ハイライト状態の丸い角
- 4. Interface Builder UIButtonの角が丸くなった
- 5. 角を丸くした角のテーブル
- 6. 角の丸いUIButtonクラスを作成しようとしています
- 7. 角度4、フォームデータを取得し、編集してアップロードする
- 8. 角2 - フォームフィールドを編集するにはクリックしてください
- 9. 角型ダイナミックテーブルインライン編集
- 10. NSRectの角を丸く
- 11. UIImageViewをアスペクトフィッティングモードの角を丸くして設定する方法
- 12. 角を丸くしてNSImageViewを作成する方法は?
- 13. 角度ブートストラップカレンダーイベントを削除/編集する
- 14. テーブルデータを角型で編集する
- 15. UIButtonのクリックでUITextfieldを追加して編集可能にする方法
- 16. IE8で角を丸くする方法
- 17. テーブルの角を丸くしてみてください
- 18. 角型UIでダブルクリックしてタブ名を編集する
- 19. 角を丸くして正方形を描く
- 20. 剣道UIマルチセレクションの丸薬を編集する方法
- 21. NSTableViewの角を丸くした
- 22. MKMapViewの角を丸くしたもの
- 23. Silverlightでグリッドの角を丸くした
- 24. Androidスタジオでテキストを編集してテキストを編集する
- 25. UIButtonを作成するとUITextFieldがテキストの編集を開始します
- 26. モデルを編集して編集するページ
- 27. 角を使ってクリック機能を編集する
- 28. 角度UIグリッド編集
- 29. 角度エディタディレクティブの編集
- 30. PHP画像のサイズを変更して画像の角を丸く丸くします
私のための白い画面です – JuicyFruit
私の謝罪。私は私が探しているものを示すイメージで質問を更新しました。 – notSoExperiencedCoder