4

嗨,我想创建一个包含 20 多个项目的动态 UISegmented 视图。我试过了,但输出是这样的。

在此处输入图像描述

文本被切片不完全可见。我希望它左右滚动并显示全文。有人可以帮我解决这个问题。tnx

视图控制器

override func viewDidLoad() {
    super.viewDidLoad()

    let items = ["All Fruits", "Orange", "Grapes", "Banana",  "Mango", "papaya", "coconut", "django"]
    let filtersSegment = UISegmentedControl(items: items)
    filtersSegment.frame = CGRect.init(x: 10, y: 60, width: 300, height: 50)
    filtersSegment.selectedSegmentIndex = 0
    filtersSegment.tintColor = UIColor.black
    filtersSegment.addTarget(self, action: #selector(self.filterApply), for: UIControlEvents.valueChanged)
    self.view.addSubview(filtersSegment)
}

@objc private func filterApply(segment:UISegmentedControl) -> Void {
    print("Selected Index : \(segment.selectedSegmentIndex)")
}
4

3 回答 3

4

你可以试试

[[UILabel appearanceWhenContainedIn:[UISegmentedControl class], nil] setNumberOfLines:0];

segment.apportionsSegmentWidthsByContent = YES;

斯威夫特:

就像是,

   UILabel.appearance(whenContainedInInstancesOf: [UISegmentedControl.self]).numberOfLines = 0
   segment.apportionsSegmentWidthsByContent = true

您可以在滚动视图中进行分段控制。但是使用UISegmentedControl你不应该使用超过四个或五个段。它的主要目的是显示三个或四个选项!你应该尝试不同的机制来实现你的目标!

如果有帮助,您也应该参考这篇文章!

于 2017-10-02T05:49:18.913 回答
2

最好使用另一个控制器而不是分段控制器来实现您的目标。

但是如果您只使用段控制器,那么您必须将段控制器添加到滚动视图,因为标题是动态的,所以我们无法识别它的宽度,这就是原因。

首先将段控制器添加到滚动视图。并且段控制器具有方法名称setWidth(_ width: CGFloat, forSegmentAt segment: Int)来设置索引处每个段的宽度。

所以我在这里写我的逻辑。

    var scrollViewWidth:Float = 0.0
    let items  = ["All Fruits", "Orange", "Grapes", "Banana",  "Mango", "papaya", "coconut", "django"]
    for (index, element) in items.enumerated() {
        let size = element.size(attributes: [NSFontAttributeName: UIFont.systemFont(ofSize: 20.0)]) //you can change font as you want
        segmentCon.setWidth(size.width, forSegmentAt: index)
        scrollViewWidth = scrollViewWidth + Float(size.width)
    }

    // Here you can set content width of UIScollView by use of "scrollViewWidth"
    // scrollView.contentSize = CGSize(width: scrollViewWidth, height: 40)// height should whatever you want.
于 2017-10-02T05:47:20.443 回答
1

试试这个https://github.com/lestadNew/SASScrolletSegment,我找不到解决方案并编写自己的可可豆荚

希望这对你有帮助

在此处输入图像描述

于 2018-05-16T15:24:10.500 回答