Drop shadow UITableView zoals clock.app
 

Op de homepage van iPhoneclub staat dat er een nieuwe Nederlandse applicatie is gelanceerd genaamd Trein. Deze applicatie heeft de UI conventies van de Apple Clock.app erg mooi aangehouden.

Ik ben zelf op zoek naar de mogelijkheid om zo'n zelfde UI te creëren maar zit nog in dubio of ik dit via een UITableView of een UIScrollview moet doen. Dit gezien de drop shadows boven en onder de tabel.

Op enkele fora wordt er gesproken over het gebruik van ee Gradient image in de tableHeaderView/tableFooterView van een tabel. Maar het zou mischien op een eenvoudiger manier kunnen via Quartz.

Heeft iemand hier ervaring mee en wil zijn/haar source delen?

Alvast vriendelijk dank

Alpha blend transparante afbeelding
 

Met wat zoekwerk op internet en de hulp van een mede ontwikkelaar heb ik inmiddels de oplossing gevonden:

1) Creëer een afbeelding in de achtergrond. Hierin zijn de drop shadows verwerkt.
2) Creëer een tabel en gebruik een achtergrond patroon voor elke cell.
3) Creëer een shadow afbeelding die gebruikt wordt in de header en footer van de tabel.
4) Zorg dat de header en footer buiten het zichtbare windows vallen zodat deze alleen zichtbaar worden als de gebruiker scroll-ed.

Nu is dit vrijwel allemaal gelukt behalve punt 3. Zodra ik een afbeelding gebruikt met een alpha transparantie dan wordt deze afbeelding in de simulator getoond als een zwart vlak.

Iemand enig idee hoe dit is op te lossen?

Bij voorbaat dank.

En zowaar ook het laatste punt is opgelost.

Ik dacht slim te zijn door de schadow als [UIColor colorWithPatternImage] te gebruiken en deze kleur als achtergrond gebruiken, maar hierdoor kreeg ik een zwarte achtergrond in plaats van een schadow verloop.

Door dit te vervangen door een UIImageView met een shadow al reeds op maat gemaakt kwam het transparante verloop wel goed uit de verf. Deze UIImageView heb ik vervolgens via de [TableView setTableFooter] toegekend en voila het werkte.

Nu zie ik dat ik de gehele Thread al tegen mezelf aan het typen ben, maar misschien zijn er andere ontwikkelaars die hier ook tegenaan zijn gelopen en hiermee geholpen zijn. :D

Fijn te horen dat het je gelukt is!

waarin ontwikkel jij? Via XCODE en intel proc?

Lijkt me logisch, hij werkt op Mac OS X, kans is groot dat hij Xcode gebruikt. Werkt officieel op Intel, en met een beetje gecrack draai je hem ook op PowerPC :)

tableView style
 

Kan iemand me uitleggen hoe ik het volgende voor elkaar krijg?
http://dump.danielpunt.nl/iphone/table2.jpg

Als ik in de NIB file de style op grouped zet worden de cellen kleiner maar is wel de achtegrond blauw met strepen, tevens zorgt de code ervoor dat hij maar het aantal cellen laat zien gelijk aan de count. Dus als de count 3 is maar cellen. Als ik de style op Plain zet dan lijkt het er wel enig sinds op maar ik ben de achtergrond kwijt (te zien met scrollen) en hij vult het scherm op met lege cellen tot onderaan.

Ik snap het echt niet meer!

Ik snap het wel, je hebt gewoon niet gekeken!
Er is ene paar dagen geleden een topic geopent met dezelfde vraag. Even verder kijken dan je neus lang is..

Als je dit topic bedoelt, dat is niet wat ik bedoel ... Het gaat mij niet om de kleur, maar echt om de style (plain) en daarnaast de standaard iphone achtergrond (blauw met streepjes)

Dat word daar toch uitgelegd...

Na beter lezen heb je wel gelijk, betekend dat dat ik de standaard tableview object in mn nib file moet weggooien en echt met code een eigen tableview cell moet aanmaken omdat ik het anders niet voor elkaar krijg?

Ik denk het wel :) Ik heb er zelf niet zoveel ervaring mee, anders vraag je het even aan de topicstarter van het vorige topic, misschien kan hij je helpen :)

Juist, vermoede het al. Hmmm nou eens zien hoe we dat gaan flikken dan :)
Jep heb ik gedaan.

Zal de code hier posten als het me gelukt is, mocht hier niets staan en iemand weet hoe ik zoiets voor elkaar krijg. PM me dan :)

Inderdaad. Voor al het andere ontwikkelwerk gebruik ik TextMate als editor, maar Xcode heeft voor Mac- en iPhone-development veel andere voordelen.

--draadjes samengevoegd--

[edit]: foutje

iemand een idee hoe ik de achtergrond van het disclosure icon ook grijs gekleurd krijg?
http://img232.imageshack.us/img232/6602/picture3hw9.png

zelfde geldt eigenlijk voor de edit button:
http://img232.imageshack.us/img232/2881/picture4na8.png

Goed ben een stuk verder. Dit is nu de status (Start button en timer zijn tijdelijk)

http://img221.imageshack.us/img221/7531/picture5jd3.png

Kun je ook even vertellen hoe je dit nu precies voor elkaar gekregen hebt? :)

Dit effect kun je krijgen door de backgroundView property van een UITableViewCell aan te passen met de door jouw gewenste view (in dit geval dus het plaatje). Vervolgens gebruik je de contentView om je button, progress view en label in te plaatsen.