आईओएस PureLayout

Question

के माध्यम से दो दृश्यों को कैसे केंद्रित करें I नीचे अपनी तस्वीर के रूप में मेरे UIImageView और UILabel को केंद्र बनाना चाहते हैं। मैंने UIImageView और UILabel को रखने के लिए एक कंटेनर का उपयोग किया, लेकिन कंटेनर UIImageView और UILabel की चौड़ाई के अनुरूप नहीं है। इसलिए मुझे कंटेनर की चौड़ाई सेट करने की आवश्यकता है। क्या चौड़ाई निर्धारित किए बिना समस्या को हल करने के लिए कोई तरीका है या गणना करें देखने की चौड़ाई?

Answer 1

कार्रवाई में चार दृश्य हैं:: यहाँ चित्र है

1. बाहरी या मुख्य दृश्य
2. कंटेनर दृश्य
3. चित्र दृश्य
4. लेबल (छवि और लेबल शामिल हैं) देखें

विचारों पदानुक्रम निम्नलिखित में हैं:

1. बाहरी दृश्य
   1. कंटेनर देखें
      1. चित्र दृश्य
      2. लेबल दृश्य

मुझे लगता है कि बाहरी मान देखें इसकी चौड़ाई एक हो जाता है अन्य बाधाओं से डी ऊंचाई।

मैं छवि आप उस छवि प्रदान की से क्या देखते लेबल से अधिक लंबी है, निम्न बातों का constrains को प्राप्त कर सकता है कि आप क्या चाहते हैं रखने: बाहरी देखने के लिए कंटेनर को देखने के

1. संरेखित एक्स अक्ष
2. संरेखित बाहरी दृश्य
3. पिन शीर्ष, छोड़ दिया और कंटेनर को देखने के लिए छवि को देखने के निचले किनारे
कंटेनर को देखने के लिए लेबल की
4. पिन दाहिने किनारे
5. संरेखित वाई Labe के अक्ष के कंटेनर को देखने के Y अक्ष कंटेनर देखने के लिए एल।
6. छवि और लेबल दृश्य के बीच क्षैतिज दूरी सेट करें।

Answer 2

[self.button autoPinEdgeToSuperviewEdge:ALEdgeLeft withInset:15]; 
[self.button autoPinEdgeToSuperviewEdge:ALEdgeRight withInset:15]; 
[self.button autoSetDimension:ALDimensionHeight toSize:46]; 
[self.button autoAlignAxis:ALAxisVertical toSameAxisOfView:self.contentView]; 

[self.containerView autoAlignAxisToSuperviewAxis:ALAxisHorizontal]; 
[self.containerView autoAlignAxisToSuperviewAxis:ALAxisVertical]; 

[self.iconImageView autoPinEdge:ALEdgeLeft toEdge:ALEdgeLeft ofView:self.containerView]; 
[self.iconImageView autoAlignAxisToSuperviewAxis:ALAxisHorizontal]; 

[self.label autoPinEdge:ALEdgeRight toEdge:ALEdgeRight ofView:self.containerView]; 
[self.label autoAlignAxisToSuperviewAxis:ALAxisHorizontal]; 

[self.label autoPinEdge:ALEdgeLeft toEdge:ALEdgeRight ofView:self.iconImageView withOffset:10]; 

@abdullah के लिए धन्यवाद। उसने मेरा दिमाग साफ कर दिया। मैं "कंटेनर व्यू पर लेबल के दाएं किनारे को पिन करना" भूल गया, इसलिए containerView का width बन गया 0.