archive-fi.com » FI » M » MOBIILIKEHITYS.FI

Total: 273

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • IBAction | Mobiilikehitys
    implemantation file Tee siihen alla olevat lisäykset import HellowWorldViewController h implementation HellowWorldViewController synthesize heiMaailmaLabel IBAction nappiaPainettu id sender heiMaailmaLabel text Hei Maailma Monta riviä komentoitua tekstiä Ja pari metodia johon ei tarvitse koskea void dealloc heiMaailmaLabel release super dealloc end Lähdekoodit on nyt kirjoitettu ja voidaan siirtyä näkymän rakentamiseen Tupla klikkaa HellowWorldViewController xib tiedostoa ja Interface Builder aukeaa Alla olevaan näkymään Valitse Library ikkunasta Round Rect Button komponentti ja raahaa se harmaaseen View ikkunaan Liikuta nappi keskelle alas ja muuta komponentin asetuksista Title kenttään teksti Paina Tästä Button Attributes näkymän saa esille kun nappi on valittu ja painat 1 Kun nappi on aseteltu etsi Library näkymästä Label komponentti ja raahaa sekin harmaaseen näkymään Isonna Label komponenttia vetämällä sen reunoista tyhjennät Text kenttä ja valitse Layout keskitys Näkymäsi pitäisi nyt näyttää tältä Lisätään seuraavaksi nappiin aikaisemmin määrittelemmä IBAction Paina kerran näkymässä näkyvää Paina Tästä nappia ja tämän jälkeen 2 jolloin saat näkyviin Button Connections näkymän Paina ctrl nappi pohjaan ja vedä hiirellä Touch Up Inside pallurasta yhteys File s Owneriin ja valitse nappiaPainettu Alla oleva kuva havainnoillistanee asiaa Näin liitimme aiemmin lähdekoodissa määritelemmä IBAction tapahtuman tapahtuvaksi kun sormi nousee ylös Paina Tästä napista Huomaa että hiukan epäintuitiivesti napin painaminen tarkoittaa iOS laitteissa sitä että sormi nostetaan pois napilta Aiemmin lähdekoodissa määritelemmä IBOutlet yhdistetään nyt näkymään Valitse File s Owner paina ctrl nappi pohjaan vedä yhteys Label iin ja valitse heiMaailmaLabel Tallenna näkymä s palaa takaisin XCodeen ja paina Build Run Simulaattorin pitäisi nyt pyörähtää käyntiin ja näyttää tekemäsi sovellus Heipä vain maailma Ensi kerralla jotain vähän erikoisempaa IBAction IBOutlet Inteface Builder iPhone Xcode tarinoita mobiilikehityksen maailmasta Mobiilikehitys fi Mobiilikehitys fi on Qvik Oy n työntekijöiden ylläpitämä blogi jonka kirjoittajilla on vankka mobiilialan asiantuntijuus Blogissa käsitellään kaikkea mobiilikehitykseen liittyvää ja vähän siitä vierestäkin Seuraa Facebookissa Seuraa Twitterissä Blogin RSS syöte Onko yrityksesi

    Original URL path: http://mobiilikehitys.fi/tag/ibaction/ (2016-04-30)
    Open archived version from archive


  • IBOutlet | Mobiilikehitys
    implemantation file Tee siihen alla olevat lisäykset import HellowWorldViewController h implementation HellowWorldViewController synthesize heiMaailmaLabel IBAction nappiaPainettu id sender heiMaailmaLabel text Hei Maailma Monta riviä komentoitua tekstiä Ja pari metodia johon ei tarvitse koskea void dealloc heiMaailmaLabel release super dealloc end Lähdekoodit on nyt kirjoitettu ja voidaan siirtyä näkymän rakentamiseen Tupla klikkaa HellowWorldViewController xib tiedostoa ja Interface Builder aukeaa Alla olevaan näkymään Valitse Library ikkunasta Round Rect Button komponentti ja raahaa se harmaaseen View ikkunaan Liikuta nappi keskelle alas ja muuta komponentin asetuksista Title kenttään teksti Paina Tästä Button Attributes näkymän saa esille kun nappi on valittu ja painat 1 Kun nappi on aseteltu etsi Library näkymästä Label komponentti ja raahaa sekin harmaaseen näkymään Isonna Label komponenttia vetämällä sen reunoista tyhjennät Text kenttä ja valitse Layout keskitys Näkymäsi pitäisi nyt näyttää tältä Lisätään seuraavaksi nappiin aikaisemmin määrittelemmä IBAction Paina kerran näkymässä näkyvää Paina Tästä nappia ja tämän jälkeen 2 jolloin saat näkyviin Button Connections näkymän Paina ctrl nappi pohjaan ja vedä hiirellä Touch Up Inside pallurasta yhteys File s Owneriin ja valitse nappiaPainettu Alla oleva kuva havainnoillistanee asiaa Näin liitimme aiemmin lähdekoodissa määritelemmä IBAction tapahtuman tapahtuvaksi kun sormi nousee ylös Paina Tästä napista Huomaa että hiukan epäintuitiivesti napin painaminen tarkoittaa iOS laitteissa sitä että sormi nostetaan pois napilta Aiemmin lähdekoodissa määritelemmä IBOutlet yhdistetään nyt näkymään Valitse File s Owner paina ctrl nappi pohjaan vedä yhteys Label iin ja valitse heiMaailmaLabel Tallenna näkymä s palaa takaisin XCodeen ja paina Build Run Simulaattorin pitäisi nyt pyörähtää käyntiin ja näyttää tekemäsi sovellus Heipä vain maailma Ensi kerralla jotain vähän erikoisempaa IBAction IBOutlet Inteface Builder iPhone Xcode tarinoita mobiilikehityksen maailmasta Mobiilikehitys fi Mobiilikehitys fi on Qvik Oy n työntekijöiden ylläpitämä blogi jonka kirjoittajilla on vankka mobiilialan asiantuntijuus Blogissa käsitellään kaikkea mobiilikehitykseen liittyvää ja vähän siitä vierestäkin Seuraa Facebookissa Seuraa Twitterissä Blogin RSS syöte Onko yrityksesi

    Original URL path: http://mobiilikehitys.fi/tag/iboutlet/ (2016-04-30)
    Open archived version from archive

  • Inteface Builder | Mobiilikehitys
    implemantation file Tee siihen alla olevat lisäykset import HellowWorldViewController h implementation HellowWorldViewController synthesize heiMaailmaLabel IBAction nappiaPainettu id sender heiMaailmaLabel text Hei Maailma Monta riviä komentoitua tekstiä Ja pari metodia johon ei tarvitse koskea void dealloc heiMaailmaLabel release super dealloc end Lähdekoodit on nyt kirjoitettu ja voidaan siirtyä näkymän rakentamiseen Tupla klikkaa HellowWorldViewController xib tiedostoa ja Interface Builder aukeaa Alla olevaan näkymään Valitse Library ikkunasta Round Rect Button komponentti ja raahaa se harmaaseen View ikkunaan Liikuta nappi keskelle alas ja muuta komponentin asetuksista Title kenttään teksti Paina Tästä Button Attributes näkymän saa esille kun nappi on valittu ja painat 1 Kun nappi on aseteltu etsi Library näkymästä Label komponentti ja raahaa sekin harmaaseen näkymään Isonna Label komponenttia vetämällä sen reunoista tyhjennät Text kenttä ja valitse Layout keskitys Näkymäsi pitäisi nyt näyttää tältä Lisätään seuraavaksi nappiin aikaisemmin määrittelemmä IBAction Paina kerran näkymässä näkyvää Paina Tästä nappia ja tämän jälkeen 2 jolloin saat näkyviin Button Connections näkymän Paina ctrl nappi pohjaan ja vedä hiirellä Touch Up Inside pallurasta yhteys File s Owneriin ja valitse nappiaPainettu Alla oleva kuva havainnoillistanee asiaa Näin liitimme aiemmin lähdekoodissa määritelemmä IBAction tapahtuman tapahtuvaksi kun sormi nousee ylös Paina Tästä napista Huomaa että hiukan epäintuitiivesti napin painaminen tarkoittaa iOS laitteissa sitä että sormi nostetaan pois napilta Aiemmin lähdekoodissa määritelemmä IBOutlet yhdistetään nyt näkymään Valitse File s Owner paina ctrl nappi pohjaan vedä yhteys Label iin ja valitse heiMaailmaLabel Tallenna näkymä s palaa takaisin XCodeen ja paina Build Run Simulaattorin pitäisi nyt pyörähtää käyntiin ja näyttää tekemäsi sovellus Heipä vain maailma Ensi kerralla jotain vähän erikoisempaa IBAction IBOutlet Inteface Builder iPhone Xcode tarinoita mobiilikehityksen maailmasta Mobiilikehitys fi Mobiilikehitys fi on Qvik Oy n työntekijöiden ylläpitämä blogi jonka kirjoittajilla on vankka mobiilialan asiantuntijuus Blogissa käsitellään kaikkea mobiilikehitykseen liittyvää ja vähän siitä vierestäkin Seuraa Facebookissa Seuraa Twitterissä Blogin RSS syöte Onko yrityksesi

    Original URL path: http://mobiilikehitys.fi/tag/inteface-builder/ (2016-04-30)
    Open archived version from archive

  • CSS | Mobiilikehitys
    ssä on sama mutta näytön leveys ja korkeus on kaksinkertainen Tällöin sivustolla olevat kuvat näkyvät iPhone 4 n tarkemmalla näytöllä pikselöityneenä ja epätarkkoina sillä käytetyn grafiikan resoluutio on liian pieni Tämän säännön avulla voidaankin saada käyttöön tarkemmat grafiikat siihen pystyville näytöille media handheld on kiinnostava parametri mutta sen selaintuki on valitettavan rajallinen Esimerkiksi Safari jättää tämän parametrin kokonaan huomiotta joten parametri ei tunnista iPhonea Tätä parametria en siis suosittele käytettävän orientation tarkoittaa puhelimen asentoa eli onko puhelin vaaka vai pystysuunnassa orientation landscape tarkoittaa että puhelinta pidetään vaakasuunnassa kun taas orientation portrait tarkoittaa pystysuuntaa Media query CSS3 n tuoma uusi ominaisuus joka on jo kuitenkin nykyään erittäin laajasti tuettu Ajantasaisen listan tuetuista selaimista löydät caniuse com sivustolta Media Queryt Qvikin kotisivuilla Qvikin kotisivuilla on käytetty media queryjä sovittamaan sivuston ulkoasu näytön koon mukaiseksi Sivustolla käytetään kolmea eri moodia täysileveä portrait ja mobiili Täysileveässä moodissa käytettävät tyylit määritellään niin että sen leveys on vähintään 1024 pikseliä media screen and min device width 1024px Tällä leveydellä sivun kokonaisleveys on 1000 pikseliä Yksi sivuston käyttöliittymäelementeistä on neljän kiinteän leveyden laatikon gridi joka näyttää kokoleveällä näytöllä tältä Jos tämä osuus näytettäisiin tällaisenaan pienemmällä näytöllä boksit joko leikkaantuisivat tai niitä joutuisi skrollaamaan ja zoomaamaan Esimerkiksi tableteille kuten iPad pystymoodissa jonka leveys 768px on tässä tapauksessa käytännöllistä esittää tämä gridi eri tavalla Tyylitiedostossa nämä tyylit määritellään seuraavasti media screen and min device width 321 and max device width 999 Tällä tavalla määritellyt tyylitiedostot näkyvät esimerkiksi iPhonen vaakatilassa ja iPadin pystytilassa Alla kuvankaappaus Qvikin kotisivuilla Laatikot on asetettu 2 2 gridiin jolloin ne ovat luettavia Koska laatikoiden tarkoitus on tässä tapauksessa pysyä tasalevyisenä niin ne eivät vie enää koko ruutua tilaa On kuitenkin täysin mahdollista tehdä niin että kaksi laatikkoa veisivät aina sen 50 ikkunan leveydestä Tällöin niiden leveys määritellään CSS ssä prosenttilukuna sen containerista Qvikin sivut on

    Original URL path: http://mobiilikehitys.fi/tag/css/ (2016-04-30)
    Open archived version from archive

  • media queries | Mobiilikehitys
    ssä on sama mutta näytön leveys ja korkeus on kaksinkertainen Tällöin sivustolla olevat kuvat näkyvät iPhone 4 n tarkemmalla näytöllä pikselöityneenä ja epätarkkoina sillä käytetyn grafiikan resoluutio on liian pieni Tämän säännön avulla voidaankin saada käyttöön tarkemmat grafiikat siihen pystyville näytöille media handheld on kiinnostava parametri mutta sen selaintuki on valitettavan rajallinen Esimerkiksi Safari jättää tämän parametrin kokonaan huomiotta joten parametri ei tunnista iPhonea Tätä parametria en siis suosittele käytettävän orientation tarkoittaa puhelimen asentoa eli onko puhelin vaaka vai pystysuunnassa orientation landscape tarkoittaa että puhelinta pidetään vaakasuunnassa kun taas orientation portrait tarkoittaa pystysuuntaa Media query CSS3 n tuoma uusi ominaisuus joka on jo kuitenkin nykyään erittäin laajasti tuettu Ajantasaisen listan tuetuista selaimista löydät caniuse com sivustolta Media Queryt Qvikin kotisivuilla Qvikin kotisivuilla on käytetty media queryjä sovittamaan sivuston ulkoasu näytön koon mukaiseksi Sivustolla käytetään kolmea eri moodia täysileveä portrait ja mobiili Täysileveässä moodissa käytettävät tyylit määritellään niin että sen leveys on vähintään 1024 pikseliä media screen and min device width 1024px Tällä leveydellä sivun kokonaisleveys on 1000 pikseliä Yksi sivuston käyttöliittymäelementeistä on neljän kiinteän leveyden laatikon gridi joka näyttää kokoleveällä näytöllä tältä Jos tämä osuus näytettäisiin tällaisenaan pienemmällä näytöllä boksit joko leikkaantuisivat tai niitä joutuisi skrollaamaan ja zoomaamaan Esimerkiksi tableteille kuten iPad pystymoodissa jonka leveys 768px on tässä tapauksessa käytännöllistä esittää tämä gridi eri tavalla Tyylitiedostossa nämä tyylit määritellään seuraavasti media screen and min device width 321 and max device width 999 Tällä tavalla määritellyt tyylitiedostot näkyvät esimerkiksi iPhonen vaakatilassa ja iPadin pystytilassa Alla kuvankaappaus Qvikin kotisivuilla Laatikot on asetettu 2 2 gridiin jolloin ne ovat luettavia Koska laatikoiden tarkoitus on tässä tapauksessa pysyä tasalevyisenä niin ne eivät vie enää koko ruutua tilaa On kuitenkin täysin mahdollista tehdä niin että kaksi laatikkoa veisivät aina sen 50 ikkunan leveydestä Tällöin niiden leveys määritellään CSS ssä prosenttilukuna sen containerista Qvikin sivut on

    Original URL path: http://mobiilikehitys.fi/tag/media-queries/ (2016-04-30)
    Open archived version from archive

  • Mobiilisovellus web-tekniikoilla: perusteet | Mobiilikehitys
    monesti mobiiliapplikaatiossa epätoivottu ominaisuus Tässä esimerkissä tämä toiminnallisuus on disabloitu määrittämällä viewportille user scalable no Lisää viewport metatagin käytöstä löytyy esimerkiksi Mozilla developer networkin dokumentaatiosta englanniksi meta name apple mobile web app capable ja meta name apple mobile web app status bar style ovat Applen iPhonessa ja iPadeissa toimivat meta tägit Näistä ensimmäinen aktivoi applikaatiomaisen käytön jolloin ohjelmaa käytettäessä Safari piilottaa sen osoitepalkin Lisäksi kun ohjelma lisätään kotinäytölle ja avataan klikkaamalla ko lisättyä applikaatioikonia ohjelma avataan kokoruutunäkymään ilman ylä ja alapalkkia link rel apple touch icon määrittää ohjelman ikonin kun sen lisää työpöydälle Nimestään huolimatta se toimii myös Android laitteilla versiosta 2 1 eteenpäin Esimerkissä on lisätty ikoni useammalle eri koolle esimerkiksi 114 114 on ikoni iPhonen retina näytölle jossa ikonin standardikoko on juuri 114 x114 Uuden retina iPadin kuvakkeen koko on oletettavasti 144 144 mutta tätä tietoa ei ole vielä vahvistettu Lisätietoa ikoneiden määrittämisestä ja muista Mobile Safarin web applikaatioiden asetuksista löytyy Applen Safari Web Content Guidesta Mobiiliohjelman kehitys Mobiilisovelluksen käyttöliittymät ohjelmoidaan käyttäen HTML CSS ja JavaScript tekniikoita HTML on kuvauskieli joka jäsentää sisällön ja CSS luo sisällölle tyylit JavaScriptillä tuodaan sisältöön elämää esimerkiksi animaatiota tai transitioita On teoriassa mahdollista kehittää mobiiliohjelmistoja puhtaasti käyttämällä näitä tekniikoita mutta käytännössä kannattaa kuitenkin ottaa käyttöliittymän luonnin tueksi jokin valmiista mobiilikehitysframeworkeista Suosituimpia mobiiliframeworkeja ovat Sencha Touch jQuery Mobile The M Project ja jQTouch Nämä kaikki tarjoavat erilaisen valkoiman komponentteja jotka tuovat mobiilimaisen vaikutelman web applikaatioon näkymien välisiä transitioita erilaisia listanäkymiä ajax lomakkeita jne Web applikaatioiden perinteisenä heikkoutena on nähty se ettei niistä pääse käsiksi ohjelmistojen natiiveihin ominaisuuksiin Tähän on kuitenkin ilmestynyt JavaScript työkaluja joiden avulla pääsee yleisimpiin ominaisuuksiin näistä tunnetuimpia ovat PhoneGap ja Trigger io Molemmista pystyy esimerkiksi avaamaan puhelimen kameran ja yhteystiedot Dokumentaatiota kannattaa kuitenkin tutkia tarkkaan sillä jokainen ominaisuus on tuettu vain tietyillä alustoilla Post navigation Previous Post Windows Phone Listbox

    Original URL path: http://mobiilikehitys.fi/mobiilisovellus-web-tekniikoilla-perusteet/ (2016-04-30)
    Open archived version from archive

  • iPhonen animaatiot blockeilla | Mobiilikehitys
    Animaatio taikatemppu tapahtuu seuraavanlaisesti kahdella sisäkkäisellä block animaatiolla joista jälkimmäinen palauttaa liikutetun view n takaisin paikoilleen void animateView last animation has not completed if isAnimating isAnimating YES UIView animateWithDuration 0 5 delay 0 options UIViewAnimationOptionCurveEaseOut animations CGRect animateViewXY animateView frame animateViewXY origin y animateViewXY origin y 100 animateView setFrame animateViewXY completion BOOL finished UIView animateWithDuration 0 5 delay 0 options UIViewAnimationOptionCurveEaseIn animations animateView setFrame animateViewOriginalFrame completion BOOL finished animation is complete we are ready to do it again isAnimating NO Jos yllä olevasta koodista jättää pois animaatiot ympyröivän bool checkkauksen voi animaatiota klikkailla käyntiin uudestaan ennen kuin edellinen on päässyt loppuunsa Lataa koko lähdekoodi tästä AnimationBlock animaatiot Post navigation Previous Post Rahaa applikaatioilla Next Post iOS5 uutuus UIPagingViewController Leave a Reply Cancel reply Your email address will not be published Required fields are marked Name Email Website Comment You may use these HTML tags and attributes a href title abbr title acronym title b blockquote cite cite code del datetime em i q cite strike strong tarinoita mobiilikehityksen maailmasta Mobiilikehitys fi Mobiilikehitys fi on Qvik Oy n työntekijöiden ylläpitämä blogi jonka kirjoittajilla on vankka mobiilialan asiantuntijuus Blogissa käsitellään kaikkea mobiilikehitykseen liittyvää ja vähän siitä vierestäkin Seuraa Facebookissa Seuraa Twitterissä Blogin RSS syöte Onko yrityksesi vailla mobiiliosaajia Qvik Oy tekee suuret ja pienet mobiiliprojektit ota yhteyttä niin käynnistetään sinun yrityksesi mobiiliprojekti Recent Posts Sijaintipalvelut iOS applikaatioissa 2 Geokoodaus Sijaintipalvelut iOS applikaatioissa OUYA Android konsoli Windows Phone 8 ja parantunut HTML5 tuki Porttautuva koodi mobiilissa Archives November 2013 August 2013 June 2013 April 2013 February 2013 January 2013 December 2012 October 2012 September 2012 August 2012 July 2012 June 2012 May 2012 March 2012 February 2012 January 2012 December 2011 November 2011 October 2011 September 2011 August 2011 July 2011 April 2011 March 2011 February 2011 January 2011 Categories Alustat 63 Android

    Original URL path: http://mobiilikehitys.fi/iphonen-animaatiot-blockeilla/ (2016-04-30)
    Open archived version from archive

  • animaatiot | Mobiilikehitys
    animation has not completed if isAnimating isAnimating YES UIView animateWithDuration 0 5 delay 0 options UIViewAnimationOptionCurveEaseOut animations CGRect animateViewXY animateView frame animateViewXY origin y animateViewXY origin y 100 animateView setFrame animateViewXY completion BOOL finished UIView animateWithDuration 0 5 delay 0 options UIViewAnimationOptionCurveEaseIn animations animateView setFrame animateViewOriginalFrame completion BOOL finished animation is complete we are ready to do it again isAnimating NO Jos yllä olevasta koodista jättää pois animaatiot ympyröivän bool checkkauksen voi animaatiota klikkailla käyntiin uudestaan ennen kuin edellinen on päässyt loppuunsa Lataa koko lähdekoodi tästä AnimationBlock animaatiot tarinoita mobiilikehityksen maailmasta Mobiilikehitys fi Mobiilikehitys fi on Qvik Oy n työntekijöiden ylläpitämä blogi jonka kirjoittajilla on vankka mobiilialan asiantuntijuus Blogissa käsitellään kaikkea mobiilikehitykseen liittyvää ja vähän siitä vierestäkin Seuraa Facebookissa Seuraa Twitterissä Blogin RSS syöte Onko yrityksesi vailla mobiiliosaajia Qvik Oy tekee suuret ja pienet mobiiliprojektit ota yhteyttä niin käynnistetään sinun yrityksesi mobiiliprojekti Recent Posts Sijaintipalvelut iOS applikaatioissa 2 Geokoodaus Sijaintipalvelut iOS applikaatioissa OUYA Android konsoli Windows Phone 8 ja parantunut HTML5 tuki Porttautuva koodi mobiilissa Archives November 2013 August 2013 June 2013 April 2013 February 2013 January 2013 December 2012 October 2012 September 2012 August 2012 July 2012 June 2012 May 2012 March 2012 February 2012 January 2012 December 2011

    Original URL path: http://mobiilikehitys.fi/tag/animaatiot/ (2016-04-30)
    Open archived version from archive