2015-05-11 16 views
6

Szukam komórki widoku tabeli ze zdjęciem i zawijaniem tekstu z automatycznym układem. Wiele udało mi się z układem automatycznym, ale nie mam pojęcia, jak to zrobić.Komórka tabeli Autolayout z polami obrazu i tekstu?

┌─────────────────────────────────────────────────────┐ 
│ ┌──────────┐ ┌────────────────────────────────────┐ │ 
│ │   │ │ Title (might wrap)     │ │ 
│ │   │ └────────────────────────────────────┘ │ 
│ │ Photo │ ┌────────────────────────────────────┐ │ 
│ │   │ │ Body text. May wrap, may contain │ │ 
│ │   │ │ multiple lines.     │ │ 
│ │   │ └────────────────────────────────────┘ │ 
│ └──────────┘          │ 
└─────────────────────────────────────────────────────┘ 

Gdy tekst się rozwija, chcę zachować zdjęcie w lewym górnym rogu i rozwinąć komórkę. Jednak komórka nigdy nie powinna zmniejszać się poniżej minimum wymaganego do pokazania zdjęcia (z marginesami).

┌─────────────────────────────────────────────────────┐ 
│ ┌──────────┐ ┌────────────────────────────────────┐ │ 
│ │   │ │ Title (might wrap)     │ │ 
│ │   │ │ Maybe even to two lines.   │ │ 
│ │ Photo │ └────────────────────────────────────┘ │ 
│ │   │ ┌────────────────────────────────────┐ │ 
│ │   │ │ Body text. May wrap, may contain │ │ 
│ │   │ │ multiple lines.     │ │ 
│ └──────────┘ │         │ │ 
│    │ Text could require more vertical │ │ 
│    │ space than the photo.    │ │ 
│    └────────────────────────────────────┘ │ 
└─────────────────────────────────────────────────────┘ 

Wymagam iOS 8 lub nowszego.

Próbowałem zrobić to tylko z trzema wyświetlonymi widokami, a także umieszczając lewy przedmiot i prawe elementy w dwóch widokach. Każda próbowana kombinacja wydaje się ignorować minimalny rozmiar zdjęcia.

(Btw, na każdy ciekawy. Graphic poprzez Monodraw)

+0

Czy upewnić tableview za rowHeight jest 'UITableViewAutomaticDimension'. Czy ustawiłeś szacowanyRowHeight na coś większego niż średnia wysokość widoku obrazu? – Tobias

+0

Awans do sztuki ASCII;) –

+0

Czy ktoś ma kod lub projekt, który chciałby opublikować dla tego rozwiązania? Mam podobny układ i mam go w większości sprawny, ale nie mogę uzyskać tytułu do całkowitego zawijania ...Wydaje się, że ucina się elipsą po dowolnej liczbie znaków. "Linie" to 0, a "Podział wierszy" to "Zawijanie słów". – Jason

Odpowiedz

2

Spróbuj posiadający następujące relacje:

Zdjęcie:

  • width = X
  • height = Y
  • left = Cell + Z
  • top = Komórka + Z

Tytuł:

  • lewo = zdjęcie + Z
  • prawo = komórkowych - Z
  • top = komórka + Z

etykieta zostanie automatycznie obliczyć wysokość na podstawie zawartości

Korpus:

  • lewy = Tytuł
  • prawo = Tytuł
  • Top = Title.Bottom + Z

komórek: (jest to ważna część)

  • Dolny> = (równe do lub więcej niż) Body.Bottom + Z
  • Dno> = Zdjęcie.Bottom + Z

to zmusi komórkę być, w każdym czasie, albo wyższy niż obraz + przesunięcie lub wyższy niż etykieta + przesunięcie

+0

Próbowałem właśnie tego, ale zdjęcie nie mieści komórki do minimalnego rozmiaru. Załaduję sedno za godzinę. –

+0

Nieważne, miałeś rację. W jakiś sposób miałem tam * dodatkowe * ograniczenie, które powodowało obrażenia. Moje podziękowania. To doprowadzało mnie do szału; wydawało się to takie proste! –

+0

Cieszę się, że mogę pomóc! –

Powiązane problemy