web-dev-qa-db-ja.com

iOSのuiviewcontrollerのすべてのサブビューをリストする方法は?

UIViewControllerのすべてのサブビューをリストしたい。 self.view.subviewsを試しましたが、すべてのサブビューがリストされているわけではありません。たとえば、UITableViewCellのサブビューが見つかりません。何か案が?

83
user403015

サブビューを再帰的に反復する必要があります。

- (void)listSubviewsOfView:(UIView *)view {

    // Get the subviews of the view
    NSArray *subviews = [view subviews];

    // Return if there are no subviews
    if ([subviews count] == 0) return; // COUNT CHECK LINE

    for (UIView *subview in subviews) {

        // Do what you want to do with the subview
        NSLog(@"%@", subview);

        // List the subviews of subview
        [self listSubviewsOfView:subview];
    }
}

@Greg Meleticがコメントしたように、上記のCOUNT CHECK LINEをスキップできます。

171
EmptyStack

ビュー階層をダンプするxcode/gdbビルトイン方法は便利です-recursiveDescription、次ごと http://developer.Apple.com/library/ios/#technotes/tn2239/_index.html

役に立つと思われる、より完全なビュー階層が出力されます。

> po [_myToolbar recursiveDescription]

<UIToolbarButton: 0xd866040; frame = (152 0; 15 44); opaque = NO; layer = <CALayer: 0xd864230>>
   | <UISwappableImageView: 0xd8660f0; frame = (0 0; 0 0); opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0xd86a160>>
35
natbro

再帰的に印刷する必要があります。このメソッドは、ビューの深さに基づいてタブを切り替えます

-(void) printAllChildrenOfView:(UIView*) node depth:(int) d
{
    //Tabs are just for formatting
    NSString *tabs = @"";
    for (int i = 0; i < d; i++)
    {
        tabs = [tabs stringByAppendingFormat:@"\t"];
    }

    NSLog(@"%@%@", tabs, node);

    d++; //Increment the depth
    for (UIView *child in node.subviews)
    {
        [self printAllChildrenOfView:child depth:d];
    }

}
13
James Webster

Swiftのエレガントな再帰ソリューション:

extension UIView {

    func subviewsRecursive() -> [UIView] {
        return subviews + subviews.flatMap { $0.subviewsRecursive() }
    }

}

UIViewでsubviewsRecursive()を呼び出すことができます:

let allSubviews = self.view.subviewsRecursive()
12
Alex

これがSwiftバージョンです

 func listSubviewsOfView(view:UIView){

    // Get the subviews of the view
    var subviews = view.subviews

    // Return if there are no subviews
    if subviews.count == 0 {
        return
    }

    for subview : AnyObject in subviews{

        // Do what you want to do with the subview
        println(subview)

        // List the subviews of subview
        listSubviewsOfView(subview as UIView)
    }
}
11
Arkader

私はパーティーに少し遅れましたが、もう少し一般的な解決策:

@implementation UIView (childViews)

- (NSArray*) allSubviews {
    __block NSArray* allSubviews = [NSArray arrayWithObject:self];

    [self.subviews enumerateObjectsUsingBlock:^( UIView* view, NSUInteger idx, BOOL*stop) {
        allSubviews = [allSubviews arrayByAddingObjectsFromArray:[view allSubviews]];
                   }];
        return allSubviews;
    }

@end
7
Gordon Dove

必要なものがUIViewsの配列だけである場合、これは1ライナーソリューションです(Swift 4 +):

extension UIView {
  var allSubviews: [UIView] {
    return self.subviews.reduce([UIView]()) { $0 + [$1] + $1.allSubviews }
  }
}
6

私はこの方法を使用します:

NSLog(@"%@", [self.view subviews]);

uIViewControllerで。

5
Graphite

詳細

  • Xcode 9.0.1、Swift 4
  • Xcode 10.2(10E125)、Swift 5

解決

extension UIView {
    private func subviews(parentView: UIView, level: Int = 0, printSubviews: Bool = false) -> [UIView] {
        var result = [UIView]()
        if level == 0 && printSubviews {
            result.append(parentView)
            print("\(parentView.viewInfo)")
        }

        for subview in parentView.subviews {
            if printSubviews { print("\(String(repeating: "-", count: level))\(subview.viewInfo)") }
            result.append(subview)
            if subview.subviews.isEmpty { continue }
            result += subviews(parentView: subview, level: level+1, printSubviews: printSubviews)
        }
        return result
    }
    private var viewInfo: String { return "\(classForCoder), frame: \(frame))" }
    var allSubviews: [UIView] { return subviews(parentView: self) }
    func printSubviews() { _ = subviews(parentView: self, printSubviews: true) }
}

使用法

 view.printSubviews()
 print("\(view.allSubviews.count)")

結果

enter image description here

4

私の方法では、UIViewのカテゴリまたは拡張機能は他のものよりもはるかに優れており、再帰はすべてのサブビューを取得するためのキーポイントです

もっと詳しく知る:

https://github.com/ZhipingYang/XYDebugView

enter image description here

Objective-C

@implementation UIView (Recurrence)

- (NSArray<UIView *> *)recurrenceAllSubviews
{
    NSMutableArray <UIView *> *all = @[].mutableCopy;
    void (^getSubViewsBlock)(UIView *current) = ^(UIView *current){
        [all addObject:current];
        for (UIView *sub in current.subviews) {
            [all addObjectsFromArray:[sub recurrenceAllSubviews]];
        }
    };
    getSubViewsBlock(self);
    return [NSArray arrayWithArray:all];
}
@end

example

NSArray *views = [viewController.view recurrenceAllSubviews];

Swift 3.1

extension UIView {
    func recurrenceAllSubviews() -> [UIView] {
        var all = [UIView]()
        func getSubview(view: UIView) {
            all.append(view)
            guard view.subviews.count>0 else { return }
            view.subviews.forEach{ getSubview(view: $0) }
        }
        getSubview(view: self)
        return all
    }
}

example

let views = viewController.view.recurrenceAllSubviews()

直接、sequence関数を使用してすべてのサブビューを取得します

let viewSequence = sequence(state: [viewController.view]) { (state: inout [UIView] ) -> [UIView]? in
    guard state.count > 0 else { return nil }
    defer {
        state = state.map{ $0.subviews }.flatMap{ $0 }
    }
    return state
}
let views = viewSequence.flatMap{ $0 }
3
Zhiping Yang

以前に投稿された回答に触発されたView Controllerが保持するすべてのビューをリストするカテゴリを作成しました。

@interface UIView (ListSubviewHierarchy)
- (NSString *)listOfSubviews;
@end

@implementation UIView (ListSubviewHierarchy)
- (NSInteger)depth
{
    NSInteger depth = 0;
    if ([self superview]) {
        deepth = [[self superview] depth] + 1;
    }
    return depth;
}

- (NSString *)listOfSubviews
{
    NSString * indent = @"";
    NSInteger depth = [self depth];

    for (int counter = 0; counter < depth; counter ++) {
        indent = [indent stringByAppendingString:@"  "];
    }

    __block NSString * listOfSubviews = [NSString stringWithFormat:@"\n%@%@", indent, [self description];

    if ([self.subviews count] > 0) {
        [self.subviews enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) {
            UIView * subview = obj;
            listOfSubviews = [listOfSubviews stringByAppendingFormat:@"%@", [subview listOfSubviews]];
        }];
    }
    return listOfSubviews;
}
@end

View Controllerが保持するすべてのビューを一覧表示するには、NSLog("%@",[self listOfSubviews])のみを選択します。selfはView Controller自体を意味します。効率的ではありませんが。

さらに、NSLog(@"\n%@", [(id)self.view performSelector:@selector(recursiveDescription)]);を使用して同じことを行うことができ、実装よりも効率的だと思います。

2
WeZZard

単純なSwiftの例:

 var arrOfSub = self.view.subviews
 print("Number of Subviews: \(arrOfSub.count)")
 for item in arrOfSub {
    print(item)
 }
2
inVINCEable

UITableViewCellのサブビューが印刷されない理由は、最上位のすべてのサブビューを出力する必要があるためです。セルのサブビューは、ビューの直接のサブビューではありません。

UITableViewCellのサブビューを取得するには、印刷ループでUITableViewCellに属するサブビューを(isKindOfClass:を使用して)決定し、そのサブビューをループする必要があります。

編集:このブログ投稿 Easy UIView Debugging は潜在的に役立つ可能性があります

2
Suhail Patel

enter image description here

最短のソリューション

for subview in self.view.subviews {
    print(subview.dynamicType)
}

結果

UIView
UIView
UISlider
UISwitch
UITextField
_UILayoutGuide
_UILayoutGuide

  • ご覧のとおり、このメソッドはサブビューを再帰的にリストしません。そのための他の回答のいくつかを参照してください。
1
Suragch

Swift 2.0互換

ここで、汎用ビューのすべてのサブビューを取得する再帰的なメソッド:

extension UIView {
  func subviewsList() -> [UIView] {
      var subviews = self.subviews
      if subviews.count == 0 {
          return subviews + []
      }
      for v in subviews {
         subviews += v.listSubviewsOfView()
      }
      return subviews
  }
}

だから、この方法でどこでも呼び出すことができます:

let view = FooController.view
let subviews = view.subviewsList()
1
Luca Davanzo

次のような派手な配列のトリックを試すことができます:

[self.view.subviews makeObjectsPerformSelector: @selector(printAllChildrenOfView)];

ほんの1行のコード。もちろん、パラメータを取得したり新しいメソッドを作成したりしないように、メソッドprintAllChildrenOfViewを調整する必要があるかもしれません。

1
johnbakers

これは this answerの書き換えです:

最初に、すべてのサブビューを印刷するオブジェクトへのポインター/参照を取得する必要があります。サブビューを介してオブジェクトにアクセスすると、そのオブジェクトを見つけやすくなる場合があります。 po someSubview.superviewが好きです。これにより、次のようなものが得られます。

Optional<UIView>
  ▿ some : <FacebookApp.WhatsNewView: 0x7f91747c71f0; frame = (30 50; 354 636); clipsToBounds = YES; layer = <CALayer: 0x6100002370e0>>
  • FaceBookAppはyourアプリ名
  • WhatsNewViewはsuperviewtypeです
  • 0x7f91747c71f0は、スーパービューへのポインターです。

SuperViewを印刷するには、ブレークポイントを使用する必要があります。


このステップを実行するには、「デバッグ階層の表示」をクリックするだけです。ブレークポイントは不要です

enter image description here

その後、簡単に行うことができます:

po [0x7f91747c71f0 recursiveDescription]

私にとっては次のようなものを返しました:

<FacebookApp.WhatsNewView: 0x7f91747c71f0; frame = (30 50; 354 636); clipsToBounds = YES; layer = <CALayer: 0x6100002370e0>>
   | <UIStackView: 0x7f91747c75f0; frame = (45 60; 264 93); layer = <CATransformLayer: 0x610000230ec0>>
   |    | <UIImageView: 0x7f916ef38c30; frame = (10.6667 0; 243 58); opaque = NO; userInteractionEnabled = NO; layer = <CALayer: 0x61000003b840>>
   |    | <UIStackView: 0x7f91747c8230; frame = (44.6667 58; 174.667 35); layer = <CATransformLayer: 0x6100006278c0>>
   |    |    | <FacebookApp.CopyableUILabel: 0x7f91747a80b0; baseClass = UILabel; frame = (44 0; 86.6667 16); text = 'What's New'; gestureRecognizers = <NSArray: 0x610000c4a770>; layer = <_UILabelLayer: 0x610000085550>>
   |    |    | <FacebookApp.CopyableUILabel: 0x7f916ef396a0; baseClass = UILabel; frame = (0 21; 174.667 14); text = 'Version 14.0.5c Oct 05, 2...'; gestureRecognizers = <NSArray: 0x610000c498a0>; layer = <_UILabelLayer: 0x610000087300>>
   | <UITextView: 0x7f917015ce00; frame = (45 183; 264 403); text = '   •   new Adding new feature...'; clipsToBounds = YES; gestureRecognizers = <NSArray: 0x6100000538f0>; layer = <CALayer: 0x61000042f000>; contentOffset: {0, 0}; contentSize: {264, 890}>
   |    | <<_UITextContainerView: 0x7f9170a13350; frame = (0 0; 264 890); layer = <_UITextTiledLayer: 0x6080002c0930>> minSize = {0, 0}, maxSize = {1.7976931348623157e+308, 1.7976931348623157e+308}, textContainer = <NSTextContainer: 0x610000117b20 size = (264.000000,340282346638528859811704183484516925440.000000); widthTracksTextView = YES; heightTracksTextView = NO>; exclusionPaths = 0x61000001bc30; lineBreakMode = 0>
   |    |    | <_UITileLayer: 0x60800023f8a0> (layer)
   |    |    | <_UITileLayer: 0x60800023f3c0> (layer)
   |    |    | <_UITileLayer: 0x60800023f360> (layer)
   |    |    | <_UITileLayer: 0x60800023eca0> (layer)
   |    | <UIImageView: 0x7f9170a7d370; frame = (-39 397.667; 36 2.33333); alpha = 0; opaque = NO; autoresize = TM; userInteractionEnabled = NO; layer = <CALayer: 0x60800023f4c0>>
   |    | <UIImageView: 0x7f9170a7d560; frame = (258.667 -39; 2.33333 36); alpha = 0; opaque = NO; autoresize = LM; userInteractionEnabled = NO; layer = <CALayer: 0x60800023f5e0>>
   | <UIView: 0x7f916ef149c0; frame = (0 587; 354 0); layer = <CALayer: 0x6100006392a0>>
   | <UIButton: 0x7f91747a8730; frame = (0 0; 0 0); clipsToBounds = YES; opaque = NO; layer = <CALayer: 0x610000639320>>
   |    | <UIButtonLabel: 0x7f916ef00a80; frame = (0 -5.66667; 0 16); text = 'See More Details'; opaque = NO; userInteractionEnabled = NO; layer = <_UILabelLayer: 0x610000084d80>>

ご想像のとおり、スーパービューには4つのサブビューがあります。

  • stackView(stackView自体には画像と別のstackViewがあります(このstackViewには2customラベルがあります))
  • textView
  • ビュー
  • ボタン

これはかなり新しいことですが、ビューのフレーム(およびテキストとタイプ)のデバッグに役立ちました。サブビューの1つが画面に表示されなかったため、recursiveDescriptionを使用し、サブビューの1つの幅が0...であることに気づいたので、制約を修正してサブビューが表示されました。

1
Honey
- (NSString *)recusiveDescription:(UIView *)view
{
    NSString *s = @"";
    NSArray *subviews = [view subviews];
    if ([subviews count] == 0) return @"no subviews";

    for (UIView *subView in subviews) {
         s = [NSString stringWithFormat:@"<%@; frame = (%f %f : %f %f) \n ",NSStringFromClass([subView class]), subView.frame.Origin.x, subView.frame.Origin.y ,subView.frame.size.width, subView.frame.size.height];  
        [self recusiveDescription:subView];
    }
    return s;
}
0
sarra srairi

または、UIView拡張機能からすべてのサブビュー(およびネストされたサブビュー)の配列を返したい場合:

func getAllSubviewsRecursively() -> [AnyObject] {
    var allSubviews: [AnyObject] = []

    for subview in self.subviews {
        if let subview = subview as? UIView {
            allSubviews.append(subview)
            allSubviews = allSubviews + subview.getAllSubviewsRecursively()
        }
    }

    return allSubviews
}
0
Adam Johns

C#Xamarinバージョン:

void ListSubviewsOfView(UIView view)
{
    var subviews = view.Subviews;
    if (subviews.Length == 0) return;

    foreach (var subView in subviews)
    {
        Console.WriteLine("Subview of type {0}", subView.GetType());
        ListSubviewsOfView(subView);
    }
}

あるいは、使用する特定のタイプのすべてのサブビューを検索する場合:

List<T> FindViews<T>(UIView view)
{
    List<T> allSubviews = new List<T>();
    var subviews = view.Subviews.Where(x =>  x.GetType() == typeof(T)).ToList();

    if (subviews.Count == 0) return allSubviews;

       foreach (var subView in subviews)
       {
            allSubviews.AddRange(FindViews<T>(subView));
        }

    return allSubviews;

}
0
Craig Champion

UIViewのカテゴリで実行しました。インデックスを渡す関数を呼び出して、Niceツリー形式で印刷します。これは、 James Webster によって投稿された回答のもう1つのオプションです。

#pragma mark - Views Tree

- (void)printSubviewsTreeWithIndex:(NSInteger)index
{
    if (!self)
    {
        return;
    }


    NSString *tabSpace = @"";

    @autoreleasepool
    {
        for (NSInteger x = 0; x < index; x++)
        {
            tabSpace = [tabSpace stringByAppendingString:@"\t"];
        }
    }

    NSLog(@"%@%@", tabSpace, self);

    if (!self.subviews)
    {
        return;
    }

    @autoreleasepool
    {
        for (UIView *subView in self.subviews)
        {
            [subView printViewsTreeWithIndex:index++];
        }
    }
}

私はそれが役立つことを願っています:)

0
valbu17