Drop shadow UITableView zoals clock.app

Drop shadow UITableView zoals clock.app discussie in Ontwikkelen voor iOS forum; ( verdwijnt na registratie ) 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 ...



Ga terug   iPhone, iPod touch, iPad en Apple TV forum > Development > Ontwikkelen voor iOS
Wachtwoord vergeten? Registreren!
Registreer FAQ Ledenlijst Kalender Zoeken Berichten van vandaag Markeer forums als gelezen

Reageren

 

Discussietools Weergave
  #1  
Oud 7 October 2008, 18:32
» iPhone NL 16GB [FW: 2.2.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 2 September 2008
Berichten: 15
Stuur een bericht via MSN naar nvrooij
Standaard 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 creren 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
Advertentie
Advertentie Gesponsorde links (verdwijnt na registratie)

  #2  
Oud 9 October 2008, 11:02
» iPhone NL 16GB [FW: 2.2.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 2 September 2008
Berichten: 15
Stuur een bericht via MSN naar nvrooij
Standaard Alpha blend transparante afbeelding

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

1) Creer een afbeelding in de achtergrond. Hierin zijn de drop shadows verwerkt.
2) Creer een tabel en gebruik een achtergrond patroon voor elke cell.
3) Creer 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.
  #3  
Oud 9 October 2008, 11:35
» iPhone NL 16GB [FW: 2.2.1]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 2 September 2008
Berichten: 15
Stuur een bericht via MSN naar nvrooij
Standaard

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.
  #4  
Oud 9 October 2008, 13:18
» iPhone 3G 16GB (Zwart) [FW: 2.2]  [Jailbreak: Nee]
» MacOS X
 
Geregistreerd: 23 July 2008
Berichten: 33
Standaard

Fijn te horen dat het je gelukt is!
  #5  
Oud 10 October 2008, 14:59
» iPhone 3G 16GB (Zwart) [FW: 2.2]  [Jailbreak: Nee]
» MacOS X
 
Geregistreerd: 25 November 2007
Berichten: 33
Standaard

waarin ontwikkel jij? Via XCODE en intel proc?
  #6  
Oud 10 October 2008, 15:21
JWVD's schermafbeelding
» iPhone 4 32GB (Zwart) [FW: 5.0]  [Jailbreak: Nee]
» iPad 2 Wi-Fi 16GB (Wit) [FW: 5.0]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 10 July 2008
Locatie: Renkum
Berichten: 312
Stuur een bericht via Instant Messenger naar JWVD Stuur een bericht via MSN naar JWVD Send a message via twitter to JWVD
Standaard

Citaat:
Oorspronkelijk geplaatst door friskyrex Bekijk bericht
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
  #7  
Oud 10 October 2008, 23:30
» iPhone 3G 16GB (Zwart) [FW: 2.1]
» MacOS X
 
Geregistreerd: 18 September 2007
Berichten: 104
Standaard tableView style

Kan iemand me uitleggen hoe ik het volgende voor elkaar krijg?


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!
  #8  
Oud 10 October 2008, 23:59
JWVD's schermafbeelding
» iPhone 4 32GB (Zwart) [FW: 5.0]  [Jailbreak: Nee]
» iPad 2 Wi-Fi 16GB (Wit) [FW: 5.0]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 10 July 2008
Locatie: Renkum
Berichten: 312
Stuur een bericht via Instant Messenger naar JWVD Stuur een bericht via MSN naar JWVD Send a message via twitter to JWVD
Standaard

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..
  #9  
Oud 11 October 2008, 00:05
» iPhone 3G 16GB (Zwart) [FW: 2.1]
» MacOS X
 
Geregistreerd: 18 September 2007
Berichten: 104
Standaard

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)
  #10  
Oud 11 October 2008, 00:06
JWVD's schermafbeelding
» iPhone 4 32GB (Zwart) [FW: 5.0]  [Jailbreak: Nee]
» iPad 2 Wi-Fi 16GB (Wit) [FW: 5.0]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 10 July 2008
Locatie: Renkum
Berichten: 312
Stuur een bericht via Instant Messenger naar JWVD Stuur een bericht via MSN naar JWVD Send a message via twitter to JWVD
Standaard

Dat word daar toch uitgelegd...
  #11  
Oud 11 October 2008, 00:09
» iPhone 3G 16GB (Zwart) [FW: 2.1]
» MacOS X
 
Geregistreerd: 18 September 2007
Berichten: 104
Standaard

Citaat:
Oorspronkelijk geplaatst door JWVD Bekijk bericht
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?
  #12  
Oud 11 October 2008, 00:11
JWVD's schermafbeelding
» iPhone 4 32GB (Zwart) [FW: 5.0]  [Jailbreak: Nee]
» iPad 2 Wi-Fi 16GB (Wit) [FW: 5.0]  [Jailbreak: Nee]
» Mac OS X
 
Geregistreerd: 10 July 2008
Locatie: Renkum
Berichten: 312
Stuur een bericht via Instant Messenger naar JWVD Stuur een bericht via MSN naar JWVD Send a message via twitter to JWVD
Standaard

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
  #13  
Oud 11 October 2008, 00:12
» iPhone 3G 16GB (Zwart) [FW: 2.1]
» MacOS X
 
Geregistreerd: 18 September 2007
Berichten: 104
Standaard

Citaat:
Oorspronkelijk geplaatst door JWVD Bekijk bericht
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
  #14  
Oud 11 October 2008, 00:19
» iPhone 3G 16GB (Zwart) [FW: 2.2]  [Jailbreak: Nee]
» MacOS X
 
Geregistreerd: 23 July 2008
Berichten: 33
Standaard

Inderdaad. Voor al het andere ontwikkelwerk gebruik ik TextMate als editor, maar Xcode heeft voor Mac- en iPhone-development veel andere voordelen.
  #15  
Oud 11 October 2008, 10:22
ArB's schermafbeelding
ArB ArB is offline
iPhone(club) Guru
» iPhone US 8GB [FW: 3.1.3]  [Jailbreak: Ja]
» iPad 4 Wi-Fi 32GB (Zwart) [FW: 6.1]  [Jailbreak: Ja]
» Windows
 
Geregistreerd: 8 November 2007
Locatie: Rotterdam
Berichten: 2.523
Standaard

--draadjes samengevoegd--
__________________
Origineel: iPhone US 1.0.2 OTB BL3.9 | Huidige firmware: 3.X | Bootloader: 3.9 | Baseband: 04.05.04_G

Zoek in de WIKI voor 99% van alle antwoorden.
Op persoonlijke berichten met vragen over de iPhone reageer ik niet. Gebruik hiervoor het forum. Ik ben geen helpdesk.
  #16  
Oud 12 October 2008, 15:14
» iPhone 3G 16GB (Zwart) [FW: 2.1]
» MacOS X
 
Geregistreerd: 18 September 2007
Berichten: 104
Standaard

[edit]: foutje
  #17  
Oud 12 October 2008, 15:15
» iPhone 3G 16GB (Zwart) [FW: 2.1]
» MacOS X
 
Geregistreerd: 18 September 2007
Berichten: 104
Standaard

iemand een idee hoe ik de achtergrond van het disclosure icon ook grijs gekleurd krijg?


zelfde geldt eigenlijk voor de edit button:
  #18  
Oud 12 October 2008, 21:49
» iPhone 3G 16GB (Zwart) [FW: 2.1]
» MacOS X
 
Geregistreerd: 18 September 2007
Berichten: 104
Standaard

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

  #19  
Oud 12 October 2008, 23:24
» iPhone 3G 8GB [FW: 4.0]  [Jailbreak: Nee]
» Ik heb geen iPad  
» Mac OS X
 
Geregistreerd: 14 August 2008
Berichten: 77
Standaard

Kun je ook even vertellen hoe je dit nu precies voor elkaar gekregen hebt?
  #20  
Oud 22 October 2008, 09:43
» iPhone 3G 16GB (Zwart) [FW: 2.0.1]
» MacOS X
 
Geregistreerd: 18 August 2008
Berichten: 28
Standaard

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


Er zijn 1 actieve gebruikers die momenteel deze discussie bekijken (0 leden en 1 gasten)

 
Discussietools
Weergave

Soortgelijke discussies

Discussie Auteur Forum Reacties Laatste bericht
Is er een app zoals LockCalendar? t0n iPhone Apps 6 14 July 2010 12:11

Regels voor berichten
Je mag geen nieuwe discussies starten
Je mag niet reageren op berichten
Je mag geen bijlagen versturen
Je mag niet je berichten bewerken

BB code is Aan
Smileys zijn Aan
[IMG]-code is Aan
HTML-code is Uit
Trackbacks are Aan
Pingbacks are Aan
Refbacks are Uit



Alle tijden zijn GMT +2. Het is nu 17:41.