UISegmentControlについて質問になります。
添付画像のようなSegmentControlにおいて、「First」選択時に全体のサイズを変更せずに、
「Fisrt」の幅を広くし、「second」の幅を狭めることは可能なのでしょうか。
以上になります。みなさんよろしくおねがいします。
UISegmentControlについて質問になります。
添付画像のようなSegmentControlにおいて、「First」選択時に全体のサイズを変更せずに、
「Fisrt」の幅を広くし、「second」の幅を狭めることは可能なのでしょうか。
以上になります。みなさんよろしくおねがいします。
UISegmentedControl
の公開APIには、特に選択/非選択で幅を変更するようなものは見当たりませんが、各セグメントの幅を個別に設定することはできるようなので、ちょっとしたコードを書いてやれば実現できるかと思います。
import UIKit
class ViewController: UIViewController {
@IBOutlet weak var segmentedControl: UISegmentedControl!
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
let normalAttr: [NSAttributedString.Key: Any] = [
.font: UIFont.systemFont(ofSize: 12)
]
segmentedControl.setTitleTextAttributes(normalAttr, for: .normal)
let selectedAttr: [NSAttributedString.Key: Any] = [
.font: UIFont.boldSystemFont(ofSize: 18)
]
segmentedControl.setTitleTextAttributes(selectedAttr, for: .selected)
segmentedControl.addTarget(self, action: #selector(segementValueChanged), for: .valueChanged)
segementValueChanged(segmentedControl)
}
@objc func segementValueChanged(_ sender: UISegmentedControl) {
for i in 0..<sender.numberOfSegments {
let width: CGFloat = sender.selectedSegmentIndex == i ? 80 : 60
sender.setWidth(width, forSegmentAt: i)
}
//...
}
//...
}
※Storyboard上でUISegmentedControl
全体の幅を、選択状態のセグメントの幅(上の例では80
が1個)と非選択状態のセグメントの幅(上の例では60
が1個)の合計(=140
)にしておきます。
※また、UISegmentedControl
のactionはStoryboard上では接続していないと言う想定です。
この例では選択状態のテキストのフォントと非選択状態のテキストのフォントを区別していますが、その部分が不要ならlet normalAttr...
からの8行は不要です。