0

MacOS用のデスクトップアプリの開発をしております。
その中でVerticalなNSStackViewに対して、プログラムで動的にNSTextFieldやNSTextViewを追加する処理を行なっています。

このとき、NSTextView について、他の項目で使われる領域を除く全ての領域を使用しようとしてしまいます。

ちょっとわかりにくいかと思いますので、はじめに事象のスクリーンショットを添付いたします。

スクリーンショット

簡単化のためにNSStackViewに対して、
1 NSTextField
2 NSTextView
3 NSTextField
という3つのコントロールを配置したものですが、
2 NSTextView と 3 NSTextField の間のスペース(グレーの部分)が大きく開いてしまっている状態です。

最後に、環境とソースコードを提示させていただきます。

開発環境、言語
XCode 10.1
Objective-C
Project Format:XCode 10.0-compatible

〜TestView.h〜

#import <Cocoa/Cocoa.h>

NS_ASSUME_NONNULL_BEGIN

@interface TestView : NSStackView<NSStackViewDelegate>

@end

NS_ASSUME_NONNULL_END

〜TestView.m〜

#import "TestView.h"

@implementation TestView

- (void)drawRect:(NSRect)dirtyRect {
    [super drawRect:dirtyRect];

    NSColor *bgcolor = [NSColor grayColor];
    [bgcolor set];
    NSRectFill(dirtyRect);

    // 1.NSTextField
    NSTextField *ctrl = [[NSTextField alloc]init];
    [ctrl setStringValue:@"1"];
    [self insertView:ctrl atIndex:self.subviews.count inGravity:NSStackViewGravityLeading];

    // 2.NSTextView
    NSRect rect = NSMakeRect(0, 0, self.frame.size.width, 60);
    NSTextView *ctrl2 = [[NSTextView alloc]initWithFrame:rect];
    [ctrl2 insertText:@"2"];
    [self insertView:ctrl2 atIndex:self.subviews.count inGravity:NSStackViewGravityLeading];

    // 3.NSTextField
    NSTextField *ctrl3 = [[NSTextField alloc]init];
    [ctrl3 setStringValue:@"3"];
    [self insertView:ctrl3 atIndex:self.subviews.count inGravity:NSStackViewGravityLeading];

}

@end

NSTextField、NSTextViewに関わらず、上から順番に表示されるようにするにはどうすればよいでしょうか。
アドバイスいただけましたら幸いです。
※不足情報ございましたらご指摘ください。

1
  • まず一点。NSStackViewGravityLeadingは水平方向の始まり側に揃えなさいという指示パラメーターなので、垂直方向にViewを追加したいのであれば、NSStackViewGravityTop(=上方)またはNSStackViewGravityBottom(=下方)を使うべきかと思います。
    – Чайка
    Commented 2018年12月10日 12:04

2 件の回答 2

2

Autolayoutを使うのはいかがでしょうか?
Autolayoutは、コードからVisualFormatという方法とconstraintWithItemというクラスメソッドを使って、4辺(必要なら更に高さ、幅等)のレイアウト制約を作り、[NSLayoutConstraint activateConstraints:@[有効にしたいレイアウト制約の配列]];で、作成したNSLayoutConstraintのうち、有効にしたいルールを纏めて有効にします。
@condorさんの行いたいことは多分、
* 上下端のviewsuperView(=StackView)と距離nconstraintを3つ(左端、右端、上端または下端)作成する
* 中間のviewの、左右端をsuperViewと距離nconstraintを2つそれぞれ作成する
* 中間のview上又は下端を隣り合うviewと距離nconstraintを作成していく
* 一つ足りないconstraintがあるはずなので、隣り合う下又は上端のviewと距離nconstraintを作成する
* 高さが固定のviewに高さを指定するconstraintを作成する
* これらを配列(例えばNSArray<NSLayoutConstraint *> *stackViewConstraints)に追加する
* [NSLayoutConstraint activateConstraints:stackViewConstraints];で、制約を有効にする

事で、高さを指定していないviewは隣り合うviewnピクセルの距離を残して高さ/幅が自動で伸び縮みします。

上記ソースに対する制約(constraint)を行うサンプルコードは以下の様になります。(drawRectの中で続けて行います)

CGFloat clearance = 0;

    // constraints for ctrl and stack view
NSLayoutConstraint *ctrlTop = [NSLayoutConstraint constraintWithItem:ctrl attribute:NSLayoutAttributeTop relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeTop multiplier:1.0 constant:clearance];
NSLayoutConstraint *ctrlLeft = [NSLayoutConstraint constraintWithItem:ctrl attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeLeft multiplier:1.0 constant:clearance];
NSLayoutConstraint *ctrlRight = [NSLayoutConstraint constraintWithItem:ctrl attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeRight multiplier:1.0 constant:clearance];
    // constraints for ctrl2 and stack view
NSLayoutConstraint *ctrl2Left = [NSLayoutConstraint constraintWithItem:ctrl2 attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeLeft multiplier:1.0 constant:clearance];
NSLayoutConstraint *ctrl2Right = [NSLayoutConstraint constraintWithItem:ctrl2 attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeRight multiplier:1.0 constant:clearance];
    // constraints for ctrl3 and stack view
NSLayoutConstraint *ctrl3Left = [NSLayoutConstraint constraintWithItem:ctrl3 attribute:NSLayoutAttributeLeft relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeLeft multiplier:1.0 constant:clearance];
NSLayoutConstraint *ctrl3Right = [NSLayoutConstraint constraintWithItem:ctrl3 attribute:NSLayoutAttributeRight relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeRight multiplier:1.0 constant:clearance];
NSLayoutConstraint *ctrl3Bottom = [NSLayoutConstraint constraintWithItem:ctrl3 attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:self attribute:NSLayoutAttributeBottom multiplier:1.0 constant:clearance];
    // constraints for ctrl to ctrl2
NSLayoutConstraint *ctrlToCtrl2 = [NSLayoutConstraint constraintWithItem:ctrl attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:ctrl2 attribute:NSLayoutAttributeTop multiplier:1.0 constant:clearance];
    // constraints for ctrl2 to ctrl3
NSLayoutConstraint *ctrl2ToCtrl3 = [NSLayoutConstraint constraintWithItem:ctrl2 attribute:NSLayoutAttributeBottom relatedBy:NSLayoutRelationEqual toItem:ctrl3 attribute:NSLayoutAttributeTop multiplier:1.0 constant:clearance];

NSArray<NSLayoutConstraint *> *stackViewConstraints = @[ctrlTop, ctrlLeft, ctrlRight, ctrl2Left, ctrl2Right, ctrl3Left, ctrl3Right, ctrl3Bottom, ctrlToCtrl2, ctrl2ToCtrl3];

    // set height if need
CGFloat ctrlsHeight = 20;
NSLayoutConstraint *ctrlHeight = [NSLayoutConstraint constraintWithItem:ctrl attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeHeight multiplier:1.0 constant:ctrlsHeight];

    // activate constraints
[NSLayoutConstraint activateConstraints:stackViewConstraints];
[NSLayoutConstraint activateConstraints:@[ctrlHeight]];
0

@Чайкаさん、ご回答ありがとうございます。

いただいたアドバイスをもとに希望通りのレイアウト制御を行うことができました。
なお、今回必要だったのはNSTextView部分の高さ調整のみでしたので、以下のように最低限の制御だけを入れてみました。
大変助かりました。最終的なレイアウト結果とコードを記載しておきます。

改善したレイアウト

- (void)drawRect:(NSRect)dirtyRect {
    [super drawRect:dirtyRect];

    NSColor *bgcolor = [NSColor grayColor];
    [bgcolor set];
    NSRectFill(dirtyRect);

    // 1.NSTextField
    NSTextField *ctrl = [[NSTextField alloc]init];
    [ctrl setStringValue:@"1"];
    [self insertView:ctrl atIndex:self.subviews.count inGravity:NSStackViewGravityTop];

    // 2.NSTextView
    NSRect rect = NSMakeRect(0, 0, self.frame.size.width, 60);
    NSTextView *ctrl2 = [[NSTextView alloc]initWithFrame:rect];
    [ctrl2 insertText:@"2"];
    [self insertView:ctrl2 atIndex:self.subviews.count inGravity:NSStackViewGravityTop];

    // 3.NSTextField
    NSTextField *ctrl3 = [[NSTextField alloc]init];
    [ctrl3 setStringValue:@"3"];
    [self insertView:ctrl3 atIndex:self.subviews.count inGravity:NSStackViewGravityTop];


    CGFloat ctrlsHeight = 60;
    NSLayoutConstraint *ctrlHeight = [NSLayoutConstraint constraintWithItem:ctrl2 attribute:NSLayoutAttributeHeight relatedBy:NSLayoutRelationEqual toItem:nil attribute:NSLayoutAttributeHeight multiplier:1.0 constant:ctrlsHeight];

    NSArray<NSLayoutConstraint *> *stackViewConstraints = @[ctrlHeight];
   [NSLayoutConstraint activateConstraints:stackViewConstraints];


}
2
  • お役に立てて良かったです。が、AutoLayoutは全ての部品に対して設定しないと、画面のリサイズの時の再計算に矛盾が発生するので、ctrl2(=NSTextView)の高さを設定するだけでしたら、NSViewsetFrameSize:メソッドを使った方が良いかもしれません。(実際、今もAutoLayout適用時に画面下のデバッグエリアに警告が出ていると思います
    – Чайка
    Commented 2018年12月11日 3:58
  • おっと。そうなのですね。ありがとうございます。いただいた内容も加味してさらに整備して参りたいと思います。
    – condor
    Commented 2018年12月11日 11:16

この質問に回答するには、ログインする必要があります。

求めていた回答ではありませんか? のタグが付いた他の質問を参照する。