[darcysko]

Witam,

ktoś może się orientuje jak zrobić mniej więcej taki wygląd dla TableView:



Chodzi głównie o wygląd komórki i te separatory.
Będę wdzięczny za podpowiedz.

[danteusz]

Najłatwiej skorzystać z Custom Cell - tworzysz klasę która dziedziczy po UITableViewCell, robisz do niej xib i możesz dowolnie zmieniać wygląd komórki

[Roberto]

hm, no raczej musisz ją sobie samemu narysować
albo wrzucić w nią widok.
ogólnie robisz subklasę z własną metodą rysującą.
Loading…
tutaj przykłady (w 5 jest kilka sposobów (3?) na customowy tableviewcell)

[darcysko]

Najłatwiej skorzystać z Custom Cell - tworzysz klasę która dziedziczy po UITableViewCell, robisz do niej xib i możesz dowolnie zmieniać wygląd komórki

No ja tak robię, tylko nie wiem jak zrobić odstępy między komórkami i takie obramowanie.

[aLP]

Ja bym to zrobił tak: 1. zrób sobie tabelę i komórki przezroczyste 2 pod tabelą ustaw szare tło 3. w swojej customCell zacznij od wstawienia UIImageView 4. w UIImageView wstaw png o rozmiarze komórki w którym będzie taka komórka jak dołączyłeś, ale zamiast szarego tła dasz przezroczystość. 5. Dodaj sobie do swojego customCell co tam sobie jeszcze chcesz i gotowe Reszta to już zabawa z autosizing Tak myślę, ale mogę się mylić

[Roberto]

fuj. o co obrazek tam dawać? wygodniej wyrysować gradient jako tło (uniwersalniej też) odstępy też przecież można sobie wyrysować, prawda? albo podzielić na sekcję, nie dawać nagłówków sekcji i ustawić odpowiednie przerwy np.

[aLP]

można i tak :] rozwiązań jest sporo

[darcysko]

fuj.
o co obrazek tam dawać? wygodniej wyrysować gradient jako tło (uniwersalniej też)

odstępy też przecież można sobie wyrysować, prawda?
albo podzielić na sekcję, nie dawać nagłówków sekcji i ustawić odpowiednie przerwy np.

Nigdy tego nie robiłem. Możesz trochę naprowadzić.

[Roberto]

czego? rysowania? subklasa i nadpisanie metody drawRect
naprawdę cała masa info o tym w necie

albo po prostu tak jak tutaj: Easy Gradient Backgrounds for UITextViewCells | Undefined Value ustawić odpowiedni backgroundView

[darcysko]

Dzięki, pomogło. Mam tło, obramowanie i zaokrąglone rogi, ale niestety nie umiem poradzić sobie z odstępami pomiędzy komórkami.

[darcysko]

Temat zasadniczo zamknięty. Problemem jednak jest zmiana tła dla zaznaczonego elementu. Wie ktoś może jak to zrobić, bo kombinuje i kombinuje i nie wychodzi niestety. Będę wdzięczny za sugestie.

[aLP]

czy dobrze zrozumiałem, że chcesz zmienić kolor zaznaczenia?

[darcysko]

Nie chodzi o kolor. Chciałem tło wrzucić zamiast koloru.

[Roberto]

przeca masz property highlighted i metodę setHighlighted:animated: w UITableViewCell więc nadpisując metodę setHighlighted:animated: możesz wywołać odrysowanie, a w drawRect sprawdzać wartość higlighted

[aLP]

to pewnie podobnie:

UIView *myBackView = [[UIView alloc] initWithFrame:cell.frame];
...
cell.selectedBackgroundView = myBackView;
[myBackView release];

dajesz to do if (cell == nil) w cellForRowAtIndexPath

[Roberto]

crap, za mocno kombinowałem jak widzę ;] ale to w sumie z Buttonem... tam nie ma możliwości podstawienia View jako tło z tego co widzę (tylko obrazek? a to mnie średnio urządzało raczej... chociaż... przemyślę sprawę ;])

[darcysko]

To było łatwiejsze niż myślałem. Dzięki za pomoc A tak jeszcze zapytam. Wiecie może jak zrobić, aby po wejściu w "tryb edycji" UITableView w Cell pojakiła się klikalna ikona? Coś jak na screenie jaki załączyłem w pierwszym poście. Dzięki.

[wojtkow]

Musisz stworzyć

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath;

zwracając odpowiedni styl - np. UITableViewCellEditingStyleDelete dla usuwania

[darcysko]

Ale mnie chodzi o dodatkową ikonkę (jak ten pisak na screenie).

[aLP]

tu masz podmianę obrazka:

cell.editingAccessoryView = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"pisak.png"]] autorelease];

albo

cell.accessoryView

w zależności od potrzeby

[darcysko]

Dzięki, ale chyba nie działa tak jak chciałem. Pierwsza sprawa: rysuje mi się linią między tym "pisakiem" a ikoną do sortowania. Druga jest taka, że ten "pisak" nie jest klikalny. Znasz jakieś rozwiązanie na to?

[aLP]

wrzuć kod kontrolera to może w wolnych chwilach ktoś to wykmini z marszu nikt ci nie powie jak to zrobić...

[darcysko]

Coś takiego mam

- (id)initWithStyle:(UITableViewCellStyle)style reuseIdentifier:(NSString *)reuseIdentifier {
    if (self = [super initWithStyle:style reuseIdentifier:reuseIdentifier]) {
        UIImage *image = [UIImage imageNamed:@"bg.png"];
        UIImageView *imageView = [[UIImageView alloc] initWithImage:image];
        imageView.contentMode = UIViewContentModeScaleToFill;
	[imageView.layer setMasksToBounds:YES];
        self.backgroundView = imageView;
	self.editingAccessoryView = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:@"pisak.png"]] autorelease];

        [imageView release];
    }
    return self;
}