iOSのuiviewcontrollerですべてのサブビューを一覧表示するにはどうすればよいですか？

86

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

ios  uiview  subview  uiview-hierarchy 
— user403015
ソース
再帰検索ですべてのサブビューを見つけることができます。つまり、サブビューにサブビューがあることを確認してください。–
— Mahesh

回答:

171

サブビューを再帰的に繰り返す必要があります。

- (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 CHECKLINEをスキップできます。

— EmptyStack
ソース
20
技術的には、あなたがサブビュー・カウントが0であるかどうかを確認する必要はありません
— グレッグMaletic
5
NSLog（@ "\ n％@"、[（id）self.view performSelector：@selector（recursiveDescription）]）; この行はあなたと同じ結果を出力します！
— Hemang 2014年
あなたがここにいる場合は、はるかに簡単に確認してくださいrecursiveDescription- @natbroからの回答stackoverflow.com/a/8962824/429521
— フェリペサビノ
これが@EmptyStackソリューションに対する私の改善点です。再帰的にインデントされたクラス名とフレーム座標が表示されます
— Pierre de LESPINAY 2014年
35

組み込みのビュー階層をダンプする方法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>>
— natbro
ソース
[_myToolbar recursiveDescription]私のコードまたは他の場所でpoを配置する場所。
— पवन
1
@WildPointer彼はコンソールについて話している。これを行うには、どこかにブレークポイントが必要です。po =オブジェクトの印刷
— smileBot 2013
1
+1 Appleは、このアプローチを推奨しています（WWDC2013のCocoaおよびCocoaTouchセッションのHiddenGems、ヒント＃5による）。
— スリップD.トンプソン2013
@पवनここで私の答えを参照してください。私はこの答えを書き直しました。
— ハニー
16

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

extension UIView {

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

}

任意のUIViewでsubviewsRecursive（）を呼び出すことができます。

let allSubviews = self.view.subviewsRecursive()
— アレックス
ソース
13

再帰的に印刷する必要があります。この方法では、ビューの深さに基づいてタブも表示されます

-(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

これが迅速なバージョンです

 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)
    }
}
— アーケード
ソース
7

私はパーティーに少し遅れていますが、もう少し一般的な解決策：

@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
— ゴードン・ダブ
ソース
6

UIViewsの配列だけが必要な場合、これはワンライナーソリューション（Swift 4+）です。

extension UIView {
  var allSubviews: [UIView] {
    return self.subviews.reduce([UIView]()) { $0 + [$1] + $1.allSubviews }
  }
}
— フェデリコザネテッロ
ソース
このソリューションに感謝します！私は何時間もかけて理解しましたが、あなたの投稿が私を救ってくれました！
— user2525211 2018
5

私はこのように使用します：

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

UIViewControllerで。

— 黒鉛
ソース
4

詳細

  • 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)")

結果

ここに画像の説明を入力してください

— Vasily Bodnarchuk
ソース
3

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

もっと詳しく知る：

https://github.com/ZhipingYang/XYDebugView

ここに画像の説明を入力してください

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

例

NSArray *views = [viewController.view recurrenceAllSubviews];

スウィフト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
    }
}

例

let views = viewController.view.recurrenceAllSubviews()

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

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 }
— ジッピングヤン
ソース
2

UITableViewCellのサブビューが出力されない理由は、トップレベルのすべてのサブビューを出力する必要があるためです。セルのサブビューは、ビューの直接のサブビューではありません。

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

編集：Easy UIViewDebuggingに関するこのブログ投稿は潜在的に役立つ可能性があります

— スハイル・パテル
ソース
2

以前に投稿された回答に触発された、ビューコントローラによって保持されているすべてのビューを一覧表示するカテゴリを作成しました。

@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

ビューコントローラによって保持されているすべてのビューを一覧表示するには、ビューコントローラ自体NSLog("%@",[self listOfSubviews])をself意味します。効率的ではありませんが。

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

— WeZZard
ソース
2

簡単なSwiftの例：

 var arrOfSub = self.view.subviews
 print("Number of Subviews: \(arrOfSub.count)")
 for item in arrOfSub {
    print(item)
 }
— inVINCEable
ソース
1

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

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

たった1行のコード。もちろん、printAllChildrenOfViewパラメータを受け取らないようにメソッドを調整したり、新しいメソッドを作成したりする必要がある場合もあります。

— johnbakers
ソース
1

Swift2.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

ここに画像の説明を入力してください

最短の解決策

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

結果

UIView
UIView
UISlider
UISwitch
UITextField
_UILayoutGuide
_UILayoutGuide

ノート

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

これを書き直したもの答えの：

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

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

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

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

ここに画像の説明を入力してください

次に、簡単に行うことができます。

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には2つのカスタムがあります）ラベルがあります））
  • textView
  • ビュー
  • ボタン

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

— はちみつ
ソース
0

または、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

AC＃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

UIViewインデックスを渡す関数を呼び出すだけのカテゴリでそれを実行し、適切なツリー形式で出力しました。これは、によって投稿答えのちょうど別のオプションであるジェームズ・ウェブスター。

#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++];
        }
    }
}

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

— valbu17
ソース
0 
- (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;
}
— sarra srairi
ソース
-1

self.view.subviewsは、ビューの階層を維持します。uitableviewcellのサブビューを取得するには、次のような操作を行う必要があります。

 for (UIView *subView in self.view.subviews) {
      if ([subView isKindOfClass:[UITableView class]]) {
            for (UIView *tableSubview in subView.subviews) {
                .......
            }
      }
 }
— Hitesh
ソース
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.