View source for Build App with Android-Studio


Die Entwicklungsumgebung von Android hat ein WebView Element, mit Internetseiten in einer App dargestellt werden können. Über diesen Umweg kann man aus einer WebPage eine App bauen. Das ganze ist etwas aufwendiger und komplizierter aber mit p5.js erstelle WebApps laufen damit sehr gut. Diesen Anleitung kann dabei helfen, aber man muss zunächst das Android SDK (Software Development Kit) installieren und dann einige Code Zeilen eingeben (rein kopieren). Dabei kann es immer wieder zu Veränderungen kommen, da sich das Android-Studio permanent weiterentwickelt.

[[File:AndroidStudio.png|400px|right]]

'''Hier eine der zahlreichen Anleitungen auf [https://www.youtube.com/watch?v=Z0o3VodAiWU YouTube]'''

<br>

'''Android-Studio'''

Downloaden und installieren - [https://developer.android.com/studio Android-Studio]

<br>

'''Manifest'''

Im Manifest oben gleich hinter der Pagacke=... Zeile:

 <uses-permission android:name="android.permission.INTERNET"></uses-permission>

...und hinter <Application

 android:supportsRtl="true"

<br>

== MainActivity ==

MainActivity.java

<pre>
package com.example.myName;

import android.graphics.Bitmap;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;

public class MainActivity extends AppCompatActivity {
    private WebView mywebview;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mywebview = (WebView) findViewById(R.id.'''myPage''');
        WebSettings webSettings=mywebview.getSettings();
        '''mywebview.loadUrl("http://projects.olafval.de/touch2much/");'''
        webSettings.setJavaScriptEnabled(true);
    }

    public class myWebClient extends WebViewClient{
        @Override
        public void onPageStarted(WebView view, String url, Bitmap favicon){
            super.onPageStarted(view, url, favicon);
        }

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, String url){
            view.loadUrl(url);
            return true;
        }
    }

    @Override
    public void onBackPressed(){
        if(mywebview.canGoBack()){
            mywebview.goBack();
        }else{
            super.onBackPressed();
        }
    }
}
</pre>

<br>

== NoActionBar ==

In der Datei '''Styles.xml''' die erste Zeile abändern auf '''No'''ActionBar

 <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">

<br>


== Farbe der Taskleiste ==

In der Datei '''color.xml''' die drei Farbwerte auf den gewünschten Wert ändern

<br>


== Splash Screen ==

Um den den Startbildschirm (Splash Screen) zu gestalten, der erscheint solange die App geladen wird, muss im '''Manifest''' Folder mit dem rechten Mausklick eine neue '''Activity / Empty Activity''' hinzugefügt werden mit dem Titel "'''splashactivity'''" hinzugefügt werden. 

Dabei entstehen zwei Dateien: Java und xml

<br>

== WWW Dateien einbinden ==

Diese Zeile

 mywebview.loadUrl("http://projects.olafval.de/touch2much/");

ersetzen durch

 mywebview.loadUrl("file:///android_assest/*");

<br>