Android studio ja webview

Onko Android Studiolla mahdollista tehdä appsi joka näyttäisi verkkosivun ja alasivut olisi tabseina. Laitan tähän vielä kuvan:

https://i.imgur.com/jHME72G.png

Tarkoitus olisi että tab1:ssä olisi verkosivun osoite www.sivu.com ja tab2:ssa www.sivu.com/tuotteet jne. Siirtymä tapahtuisi swippaamalla vasemmalle ja oikealle.

Sain android studiolla tehtyä tuon tabsi sivun valmiiksi mutta verkkosivuja en osannut tabeihin laittaa. Sain myös testattua toista appsia jossa laitoin webviewillä verkkosivuni etusivun näkymään, mutta siihen en saanut tehtyä tabseja. Muuten toimi hyvin.

Onko tuo edes mahdollista tehdä kuvatulla tavalla?
Ilmianna
Jaa

10 Vastausta



Tee se ensin toimimaan selaimessa haluttuun tapaan ja siihen ei Android studiota tarvitse.

Sitten voit käyttää Android studiota siihen, että laitat sen siihen webview komponenttiin jos haluat jaella sovelluskaupan kautta.
Kommentoi
Ilmianna
Jaa
8 VASTAUSTA:
Kiitos vastauksesta.

Verkkosivu on optimoitu puhelimille. Eli hyvältä näyttää selaimessa.

Tein Android studiolla webvietä käyttäen sivun johon lisäsin verkkosivuni. Toimi hyvin.

Mutta se mitä en osannut tehdä, enkä tiedä että pystyykö tätä edes tekemään, siis se että haluaisin verkkosivun eri sivut eri tabeihin ja tabijen välillä voisi liikkua pyyhkäisemällä vasemmalle tai oikealle. Tein nyt vielä uuden kuvan havannoimaan asiaa:

https://i.stack.imgur.com/4qag4.jpg

Eli tuossa ekassa tabissa on osoite.com, tab2:ssa osoite.com/tuotteet, tab3:ssa osoite.com/blogi. (Tuo on sivu mikä kuvassa näkyy ei ole omani vaan joku random.)

Eli onnistuuko tuollainen toteutus? Olen katsonut kymmeniä ohjeita ja videoita, mutta mistään en nyt ole tuollaista löytänyt. Ohjeet/videot on vain --> miten tehdään tabit tai --> miten tehdään webviewillä verkkosivu näkymään mutta miten ne yhdistetään?
Kommentoi
Ilmianna
Jaa
Jarre222 kirjoitti:
Kiitos vastauksesta.

Verkkosivu on optimoitu puhelimille. Eli hyvältä näyttää selaimessa.

Tein Android studiolla webvietä käyttäen sivun johon lisäsin verkkosivuni. Toimi hyvin.

Mutta se mitä en osannut tehdä, enkä tiedä että pystyykö tätä edes tekemään, siis se että haluaisin verkkosivun eri sivut eri tabeihin ja tabijen välillä voisi liikkua pyyhkäisemällä vasemmalle tai oikealle. Tein nyt vielä uuden kuvan havannoimaan asiaa:

https://i.stack.imgur.com/4qag4.jpg

Eli tuossa ekassa tabissa on osoite.com, tab2:ssa osoite.com/tuotteet, tab3:ssa osoite.com/blogi. (Tuo on sivu mikä kuvassa näkyy ei ole omani vaan joku random.)

Eli onnistuuko tuollainen toteutus? Olen katsonut kymmeniä ohjeita ja videoita, mutta mistään en nyt ole tuollaista löytänyt. Ohjeet/videot on vain --> miten tehdään tabit tai --> miten tehdään webviewillä verkkosivu näkymään mutta miten ne yhdistetään?
Siis hain nyt sitä, että sinulla se sivu jo selaimessa niin, että voit vaikka hiirellä vetää näkymän toiseen tabiin ja sinulla on ne tabit siinä selaimessa. Yrität nyt siirtää tabeja tai jotain muuta vastaavaa tehtäväksi Android studiolla vaikka nuo pitäisi toimia selaimessa. Se on aika vapaavalintaista millä UI frameworkilla niitä tabeja nyt teet siihen selaimeen.

Sitten kun sinulla toimii sovellus tabeineen ja siirtymisineen siinä selaimessa niin sitten on aika ottaa Android studio, laittaa siihen webview palikka johon laittaa se linkki.

Sillä ei ole paljoa eroa onko se hiiri vai kosketus millä se swipe pelaa että kokeilee vaan sopivaa eventtiä. Sekin tehdään vielä siinä vaiheessa kun selaimessa väännät sivuja. Toki kosketus pelaa selaimessakin.

Sitten käytännössä testaa että se eventti siinä hiirellä pelaa myös kosketuksella ja säätää tarpeen mukaan.
Kommentoi
Ilmianna
Jaa
Kuullostaa hieman oudolle jos toiminnallisuus pitäisi tehdä itse webbisivuille.

Jos katsot vaikka tästä esimerkin appsista iOS:lle niin esimerkissä siirrytään jopa eri verkkosivuille swippaamalle oikealle/vasemmalle:

https://i.imgur.com/fhnLBD9.jpg

https://codecanyon.net/item/web2app-for-ios-quickest-featurerich-ios-webview/14994362?s_rank=18
Kommentoi
Ilmianna
Jaa
Jarre222 kirjoitti:
Kuullostaa hieman oudolle jos toiminnallisuus pitäisi tehdä itse webbisivuille.

Jos katsot vaikka tästä esimerkin appsista iOS:lle niin esimerkissä siirrytään jopa eri verkkosivuille swippaamalle oikealle/vasemmalle:

https://i.imgur.com/fhnLBD9.jpg

https://codecanyon.net/item/web2app-for-ios-quickest-featurerich-ios-webview/14994362?s_rank=18
"Kuullostaa hieman oudolle jos toiminnallisuus pitäisi tehdä itse webbisivuille. "

Miksei? Ihan hyvää mobiilikäyttöliittymää tuo on. Kuitenkin standardi tapa tehdä sovelluksien käyttöliittymää on niin, että ne sovellukset toimivat juurikin siinä selainkomponentissa.

Sitä Android studiota tarvitsee siihen jos haluat jakaa sovellusta myös tai pelkästään sieltä sovelluskaupan kautta jolloin laitetaan siihen webview komponenttiin se ja paketoidaan Android studiolla. Sama sovellus sitten siirtyy sellaisenaan kaikkiin paikkoihin.

Ennemminkin pitäisi miettiä mikä peruste siinä olisi käydä sovellusta jakamaan niin, että osa siitä toimii täysin eri tavalla joka pitää tehdä aina uusiksi kun siirtää sovellusta?
Kommentoi
Ilmianna
Jaa
"Miksei? Ihan hyvää mobiilikäyttöliittymää tuo on. "

No ei ole. Päinvastoin. Sivu olisi buginen ja laginen jos verkkosivun osoitetta (url) vaihdetaan swippaamalla oikealle tai vasemmalle. Appsissa se tapahtuisi smootisti ja sivua ei tarvitse ladata uudelleen swipatessa.
Kommentoi
Ilmianna
Jaa
Jarre222 kirjoitti:
"Miksei? Ihan hyvää mobiilikäyttöliittymää tuo on. "

No ei ole. Päinvastoin. Sivu olisi buginen ja laginen jos verkkosivun osoitetta (url) vaihdetaan swippaamalla oikealle tai vasemmalle. Appsissa se tapahtuisi smootisti ja sivua ei tarvitse ladata uudelleen swipatessa.
Ei sitä tarvitse vaihtaa urlia vaan voi olla tabisovellus.fi/#tab1 ja tabisovellus.fi/#tab2 ja vaihto tapahtuu samassa rakenteessa.

Kyllähän selaintekniikassa nyt voi helposti näyttää halutun tabin sisällön vaikka teknisesti on ladattuna muistiin DOM kertaalleen. Sekään ei ole tavatonta, että lataa joka tabin suoraan käynnistyksessä niin, että on staattisempi sisältö siellä ja sitten taustalla päivitetään sisältöä lisää muistiin. Tabin vaihto toki käy heti mutta jos on jotain dynaamisempaa siellä mikä muuttuu niin se päivittyy itsekseen.
Kommentoi
Ilmianna
Jaa
Ööh siis ihan vakavissaanko ehdotat että siirtäisin koko verkkosivun sisällön yhden urlin alle ja piilottaisin osan sisällöstä jonka sitten saisi näkyviin swippaamalla?

Tuo on nyt aivan käsittämättömän hölmö idea.
Kommentoi
Ilmianna
Jaa
Jarre222 kirjoitti:
Ööh siis ihan vakavissaanko ehdotat että siirtäisin koko verkkosivun sisällön yhden urlin alle ja piilottaisin osan sisällöstä jonka sitten saisi näkyviin swippaamalla?

Tuo on nyt aivan käsittämättömän hölmö idea.
Hölmöltä tässä tuntuu se, että kuullostaa siltä kuin pitäisit "verkkosivua" jotenkin erillisenä asiana kuin sovellusta.

Tosiasiassa sovellus on se "verkkosivu", eli HTTP protokollalla siirrettävät komponentit ja REST API millä sisältö muuttuu.

Ei siinä sisällön piilottamisessa ole mitään hölmöä tai outoa. Itsehän sanoit, että et halua ladata asioita swipen yhteydessä niin silloinhan ne pitää olla ladattuna muistiin ja olla piilotettuna.

Android studiolla sitten tehdään Androidin natiivipuolta mikä ei ole helposti siirrettävissä muihin ympäristöihin ja sillä voidaan kääräistä sovellus webview komponentilla jos sitä haluaa jakaa vaikka Googlen sovelluskaupan kautta.

Toki sillä Android studiolla saa myös useita webview komponentteja ja niitä voi piilotella ja siirrellä mutta voi olla aika möhkö sovellus jos siinä nyt joka tabia varten ajetaan omaa sovellusta mitä ohjaillaan natiivikoodilla.

Eli ymmärrä jokaisen "verkkosivusi" olevan oma sovellus ja jos haluat jokaisen erikseen pyörimään omiin tabeihin joita swipetetään niin silloin piilotat ne ja ovat muistissa ladattuna, lisäksi se natiivikoodi joka ohjailee näitä selainkomponenteissa ajettavia sovelluksia mitä näytetään.
Kommentoi
Ilmianna
Jaa
+Lisää kommentti
No nyt on appi tehtynä ja toimii hienosti.
Ilmianna
Jaa

Vastaa alkuperäiseen viestiin

Android studio ja webview

Onko Android Studiolla mahdollista tehdä appsi joka näyttäisi verkkosivun ja alasivut olisi tabseina. Laitan tähän vielä kuvan:

https://i.imgur.com/jHME72G.png

Tarkoitus olisi että tab1:ssä olisi verkosivun osoite www.sivu.com ja tab2:ssa www.sivu.com/tuotteet jne. Siirtymä tapahtuisi swippaamalla vasemmalle ja oikealle.

Sain android studiolla tehtyä tuon tabsi sivun valmiiksi mutta verkkosivuja en osannut tabeihin laittaa. Sain myös testattua toista appsia jossa laitoin webviewillä verkkosivuni etusivun näkymään, mutta siihen en saanut tehtyä tabseja. Muuten toimi hyvin.

Onko tuo edes mahdollista tehdä kuvatulla tavalla?

5000 merkkiä jäljellä

Peruuta