【问题标题】:Segmented Control inside of Scroll View滚动视图内的分段控制
【发布时间】:2013-07-10 17:52:23
【问题描述】:

我正在尝试创建一个非常长的分段控制器,让用户在许多选项之间进行选择。我怎样才能让它进入滚动视图?

我试过拖放它,但它不允许我滚动它。

【问题讨论】:

  • 分段控件不应该那么长;对于这些情况,我建议使用不同的控件——例如弹出菜单。
  • 我第二点,@QwertyBob,特别是随着 iOS7 中的 UI 变化,我只是在测试这个,并且很难让我的手指恰好放在 UISegmentedControl 上以使其滚动。跨度>
  • 真的吗?它不会滚动?
  • 如果您有很多选项,您可以使用一个按钮打开一个提供垂直选项列表的屏幕。 (就像系统在“通用 > 国际 > 语言”中列出的语言一样)。该按钮将显示当前选择的名称。

标签: ios objective-c cocoa-touch


【解决方案1】:

尝试通过以下代码在滚动视图中添加分段控件:

- (void)viewDidLoad
{
    [super viewDidLoad];

    journals = [[NSMutableArray alloc]init];

    self.tableView.dataSource = self;
    self.tableView.delegate = self;

    UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 49, 320, 29)];
    self.segmentedControl.frame = CGRectMake(0, 0, 640, 29);

    scrollView.contentSize = CGSizeMake(self.segmentedControl.frame.size.width, self.segmentedControl.frame.size.height -1);
    scrollView.showsHorizontalScrollIndicator = NO;

    self.segmentedControl.selectedSegmentIndex = 0;

    [scrollView addSubview:self.segmentedControl];
    [self.view addSubview:scrollView];

    [self fillJournals];

    // Do any additional setup after loading the view, typically from a nib.
}

这是一篇关于如何在滚动视图中创建分段控件的帖子

http://penningthoughtsandmemoirs.com/2013/12/16/sliding-segmented-control/

从以下位置下载源代码:

https://github.com/sahilriaz1110/SlidingSegmentedControl

【讨论】:

    【解决方案2】:

    你必须设置UIScrollView的内容大小,否则它不会滚动。

    myScrollView.contentSize = mySegmentedControl.frame.size;
    

    【讨论】:

      【解决方案3】:

      我不建议如何将分段控件放入滚动视图(请参阅列出的其他答案),而是建议完全不同的方法:更改 UI 元素。

      如果您在桌面应用程序上有几个(两到三个)相互排斥的选项,您可以使用单选按钮,这很有意义;但如果你有十个及以上的选项,将这些单选按钮放在滚动视图中并不是最好的选择。更好/更干净的用户界面将使用下拉菜单。

      这是针对桌面应用程序的。但移动操作系统的 UI 原则是相同的。段控件应该有几个选项(可能是五个顶部)。除此之外,您应该使用不同的 UI 元素。

      想象一下,如果 iPhone 在选择一种语言时,会在分段控件中提供每种语言。不!相反,在选择语言时,您会看到一个可供选择的列表。

      【讨论】:

        【解决方案4】:

        你在使用自动布局吗?如果是这样,那么您将需要从 viewDidLayoutSubviews 中设置滚动视图的内容大小。喜欢:

        - (void) viewDidLayoutSubviews
        {
            [super viewDidLayoutSubviews];
            [scrollView setContentSize:[segControl frame].size];
        }
        

        如果您不使用自动布局,那么您可以在 -(void)viewDidLoad 中进行操作,例如:

        - (void)viewDidLoad
        {
            [super viewDidLoad];
            // Do any additional setup after loading the view, typically from a nib.
            [scrollView setContentSize:[segControl frame].size];
        }
        

        编辑您可能还希望滚动视图的 contentSize 比您的分段控件略小,因此在垂直方向上没有让步:

        [scrollView setContentSize:CGSizeMake([segControl frame].size.width, [segControl frame].size.height-1)];
        

        【讨论】:

          【解决方案5】:

          如果UISegmentedControl 宽度为640,则使用:

          [yourScrollView setContentSize:CGSizeMake([segControl frame].size.width, 0)];
          

          使用此行将使其水平滚动以在UISegmentedControl 上选择更多选项。

          【讨论】:

            【解决方案6】:

            在 UIBuilder 中,您可以添加进入 ViewController 的 ScrollView,并用比屏幕大的分段控件填充它。

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多