Discuss Scratch
- Discussion Forums
- » Polski
- » Ze Scratch do Androida - tutorial
- testertostera
-
100+ posts
Ze Scratch do Androida - tutorial
Zaczynamy od skonwertowania projektu do pliku HTML. Można skorzystać z https://sheeptester.github.io/htmlifier . Jeśli z nie było z tym problemu, zainstaluj Android Studio i postępuj wg poniższego. Nie wszystko pewnie będzie jasne - dla każdego kroku podaję źródło, można podejrzeć jak to wygląda.
https://www.youtube.com/watch?v=k1XN6PwJpzU
1.Tworzymy nowy projekt Empty Activity.
2. activity_main.xml -> zmienić wygląd na design, usunąć text, wstawić widget-> webview
3. zmienić wygląd na kod i pod WebView dopisać:
android:id=“@+id/WebView”
4. Przejść do MainActiviti.java:
import android.os.Bundle;
// dodać poniższą linię:
import android.webkit.WebView;
//
public class MainActivity extends AppCompatActivity {
//dodać poniższą linię:
private WebView view;
//
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//dodać poniższy fragment:
WebView view = (WebView) findViewById(R.id.WebView);
view.getSettings().setJavaScriptEnabled(true);
view.loadUrl(“file
//android_asset/index.html”);
//
}
5. App -> New -> Folder -> Assets folder
Do Assets skopiować plik index.html
6. Pozostaje zmiana ikony i ewentualnie usunięcie paska tytułu aplikacji.
zmiana ikon
https://forum.android.com.pl/topic/354398-dodawanie-g%C5%82%C3%B3wnej-ikony-do-aplikacji/
Klikamy prawym przyciskiem myszy na katalog res i wybieramy:
New -> Image Asset
W path wybieramy ścieżkę do pliku naszej ikonki i… już prawie gotowe. Pozostaje dopasować rozmiar.
7. usuwanie paska tytułu:
https://stackoverflow.com/questions/36236181/how-to-remove-title-bar-from-the-android-activity/36236700
Dodaj styl w style.xml
<style name=“AppTheme.NoActionBar” parent=“Theme.AppCompat.Light.DarkActionBar”>
<item name=“windowActionBar”>false</item>
<item name=“windowNoTitle”>true</item>
<item name=“android:windowFullscreen”>true</item>
</style>
Ustaw nowy styl w activity class w AndroidManifest.xml
(enter przed “>”)
android:theme=“@style/AppTheme.NoActionBar”
8. Ekran ma być w pozycji poziomej?
Dodaj w AndroidManifest.xml po android:theme=“@style/AppTheme.NoActionBar”:
android:screenOrientation=“landscape”
niekoniecznie? Przechodzi z manifestu??? Ale nie zaszkodzi
Dodaj w activity_main.xml po android:layout_height=“match_parent” dla Androidx… i WebView:
android:screenOrientation=“landscape”
Aplikacja jest gotowa do zainstalowania. Do przygotowania aplikacji w Google Play wymagane są jeszcze dwa kroki: aplikacja musi być zapisana w wersji release i z podpisem. Póki co - masz gotowy do ręcznej instalacji plik apk
Ps. Może pojawić się błąd podczas kompilacji - w świeżej instalacji Android Studio niby nie powinien ale w razie jakby co przy chwili podam, co trzeba ustawić w konfiguracji AS.
https://www.youtube.com/watch?v=k1XN6PwJpzU
1.Tworzymy nowy projekt Empty Activity.
2. activity_main.xml -> zmienić wygląd na design, usunąć text, wstawić widget-> webview
3. zmienić wygląd na kod i pod WebView dopisać:
android:id=“@+id/WebView”
4. Przejść do MainActiviti.java:
import android.os.Bundle;
// dodać poniższą linię:
import android.webkit.WebView;
//
public class MainActivity extends AppCompatActivity {
//dodać poniższą linię:
private WebView view;
//
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//dodać poniższy fragment:
WebView view = (WebView) findViewById(R.id.WebView);
view.getSettings().setJavaScriptEnabled(true);
view.loadUrl(“file

//
}
5. App -> New -> Folder -> Assets folder
Do Assets skopiować plik index.html
6. Pozostaje zmiana ikony i ewentualnie usunięcie paska tytułu aplikacji.
zmiana ikon
https://forum.android.com.pl/topic/354398-dodawanie-g%C5%82%C3%B3wnej-ikony-do-aplikacji/
Klikamy prawym przyciskiem myszy na katalog res i wybieramy:
New -> Image Asset
W path wybieramy ścieżkę do pliku naszej ikonki i… już prawie gotowe. Pozostaje dopasować rozmiar.
7. usuwanie paska tytułu:
https://stackoverflow.com/questions/36236181/how-to-remove-title-bar-from-the-android-activity/36236700
Dodaj styl w style.xml
<style name=“AppTheme.NoActionBar” parent=“Theme.AppCompat.Light.DarkActionBar”>
<item name=“windowActionBar”>false</item>
<item name=“windowNoTitle”>true</item>
<item name=“android:windowFullscreen”>true</item>
</style>
Ustaw nowy styl w activity class w AndroidManifest.xml
(enter przed “>”)
android:theme=“@style/AppTheme.NoActionBar”
8. Ekran ma być w pozycji poziomej?
Dodaj w AndroidManifest.xml po android:theme=“@style/AppTheme.NoActionBar”:
android:screenOrientation=“landscape”
niekoniecznie? Przechodzi z manifestu??? Ale nie zaszkodzi

android:screenOrientation=“landscape”
Aplikacja jest gotowa do zainstalowania. Do przygotowania aplikacji w Google Play wymagane są jeszcze dwa kroki: aplikacja musi być zapisana w wersji release i z podpisem. Póki co - masz gotowy do ręcznej instalacji plik apk

Ps. Może pojawić się błąd podczas kompilacji - w świeżej instalacji Android Studio niby nie powinien ale w razie jakby co przy chwili podam, co trzeba ustawić w konfiguracji AS.
Last edited by testertostera (March 15, 2022 14:31:56)
- Unixy-Code
-
500+ posts
Ze Scratch do Androida - tutorial
Wow, świetne. Ale i tak nie zrobię plików na androida :~)
- testertostera
-
100+ posts
Ze Scratch do Androida - tutorial
Wow, świetne. Ale i tak nie zrobię plików na androida :~)
Prawdziwa frajda jak masz konto developera - własna gra w sklepie Google…

- Unixy-Code
-
500+ posts
Ze Scratch do Androida - tutorial
Szkoda tylko… że wyciągają od Ciebie kasę a z tego co słyszałem to podrożało tam miejsce.Wow, świetne. Ale i tak nie zrobię plików na androida :~)
Prawdziwa frajda jak masz konto developera - własna gra w sklepie Google…
- j_a_n_t_i
-
500+ posts
Ze Scratch do Androida - tutorial
Mam jeszcze pytanie: jak właściwie mam przekonwertować do HTML tym pierwszym linkiem?
- testertostera
-
100+ posts
Ze Scratch do Androida - tutorial
Szkoda tylko… że wyciągają od Ciebie kasę a z tego co słyszałem to podrożało tam miejsce.Wow, świetne. Ale i tak nie zrobię plików na androida :~)
Prawdziwa frajda jak masz konto developera - własna gra w sklepie Google…
Wiesz, to jednorazowa inwestycja a stówka nie majątek.
- testertostera
-
100+ posts
Ze Scratch do Androida - tutorial
Mam jeszcze pytanie: jak właściwie mam przekonwertować do HTML tym pierwszym linkiem?
Teraz działa. Kropka się do linka przykleiła

- Unixy-Code
-
500+ posts
Ze Scratch do Androida - tutorial
Racja, może się opłacić.Szkoda tylko… że wyciągają od Ciebie kasę a z tego co słyszałem to podrożało tam miejsce.Wow, świetne. Ale i tak nie zrobię plików na androida :~)
Prawdziwa frajda jak masz konto developera - własna gra w sklepie Google…
Wiesz, to jednorazowa inwestycja a stówka nie majątek.
- j_a_n_t_i
-
500+ posts
Ze Scratch do Androida - tutorial
Dobrze. A czy a się to zrobić tak na szybko, bez instalowania AndroidStudio?
- testertostera
-
100+ posts
Ze Scratch do Androida - tutorial
Dobrze. A czy a się to zrobić tak na szybko, bez instalowania AndroidStudio?
Najprościej jest w App Inventor ale nie podepniesz tam pliku (ograniczenie chyba do 2 MB). Możesz za to wstawić linka do projektu i uruchomi się po odpaleniu takiej apki. Minus - musi być dostęp do neta, nie możesz ustawić własnej ikony dla projektu i chyba po uruchomieniu “wita się” z informacją, że app zrobiona w App Inventor - ale już nie pamiętam. Ogólnie apki tworzy się tam podobnie jak w Scratch, oddzielnie ustawiasz okna, ramki etc. a oddzielnie sam kod układany z “puzzli”.
Było jeszcze jakieś narzędzie ale jakoś nie miałem zaufania - za dużo się tam działo “samo”, bez możliwości ingerencji.
- j_a_n_t_i
-
500+ posts
Ze Scratch do Androida - tutorial
Tak, znam appinventor. Używam tego i robię tam aplikacje. Ale… nie ma tam takich błędów. Aplikacje działają dobrze, bez internetu. Może masz pierwszą wersję. Bo teraz jest AI2. kliknijDobrze. A czy a się to zrobić tak na szybko, bez instalowania AndroidStudio?
Najprościej jest w App Inventor ale nie podepniesz tam pliku (ograniczenie chyba do 2 MB). Możesz za to wstawić linka do projektu i uruchomi się po odpaleniu takiej apki. Minus - musi być dostęp do neta, nie możesz ustawić własnej ikony dla projektu i chyba po uruchomieniu “wita się” z informacją, że app zrobiona w App Inventor - ale już nie pamiętam. Ogólnie apki tworzy się tam podobnie jak w Scratch, oddzielnie ustawiasz okna, ramki etc. a oddzielnie sam kod układany z “puzzli”.
Było jeszcze jakieś narzędzie ale jakoś nie miałem zaufania - za dużo się tam działo “samo”, bez możliwości ingerencji.
Ale, wracając do tematu - zależy mi na skompilowaniu gry ze Scratcha do .apk .I chciałbym, aby zrobić to bez instalowania specjalnych programów. Jeśli się da - to super.
- pintini
-
35 posts
Ze Scratch do Androida - tutorial
Możecie użyć zewnętrznych hostingów (Zastrzegam minej bezpieczne)Racja, może się opłacić.Szkoda tylko… że wyciągają od Ciebie kasę a z tego co słyszałem to podrożało tam miejsce.Wow, świetne. Ale i tak nie zrobię plików na androida :~)
Prawdziwa frajda jak masz konto developera - własna gra w sklepie Google…
Wiesz, to jednorazowa inwestycja a stówka nie majątek.
- pintini
-
35 posts
Ze Scratch do Androida - tutorial
https://sheeptester.github.io/htmlifier . Jeśli z nie było z tym problemu, zainstaluj Android Studio i postępuj wg poniższego. Nie wszystko pewnie będzie jasne - dla każdego kroku podaję źródło, można podejrzeć jak to wygląda.A bez android studio studio się da? Zaczynamy od skonwertowania projektu do pliku HTML. Można skorzystać z
https://www.youtube.com/watch?v=k1XN6PwJpzU
1.Tworzymy nowy projekt Empty Activity.
2. activity_main.xml -> zmienić wygląd na design, usunąć text, wstawić widget-> webview
3. zmienić wygląd na kod i pod WebView dopisać:
android:id=“@+id/WebView”
4. Przejść do MainActiviti.java:
import android.os.Bundle;
// dodać poniższą linię:
import android.webkit.WebView;
//
public class MainActivity extends AppCompatActivity {
//dodać poniższą linię:
private WebView view;
//
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//dodać poniższy fragment:
WebView view = (WebView) findViewById(R.id.WebView);
view.getSettings().setJavaScriptEnabled(true);
view.loadUrl(“file//android_asset/index.html”);
//
}
5. App -> New -> Folder -> Assets folder
Do Assets skopiować plik index.html
6. Pozostaje zmiana ikony i ewentualnie usunięcie paska tytułu aplikacji.
zmiana ikon
https://forum.android.com.pl/topic/354398-dodawanie-g%C5%82%C3%B3wnej-ikony-do-aplikacji/
Klikamy prawym przyciskiem myszy na katalog res i wybieramy:
New -> Image Asset
W path wybieramy ścieżkę do pliku naszej ikonki i… już prawie gotowe. Pozostaje dopasować rozmiar.
7. usuwanie paska tytułu:
https://stackoverflow.com/questions/36236181/how-to-remove-title-bar-from-the-android-activity/36236700
Dodaj styl w style.xml
<style name=“AppTheme.NoActionBar” parent=“Theme.AppCompat.Light.DarkActionBar”>
<item name=“windowActionBar”>false</item>
<item name=“windowNoTitle”>true</item>
<item name=“android:windowFullscreen”>true</item>
</style>
Ustaw nowy styl w activity class w AndroidManifest.xml
(enter przed “>”)
android:theme=“@style/AppTheme.NoActionBar”
8. Ekran ma być w pozycji poziomej?
Dodaj w AndroidManifest.xml po android:theme=“@style/AppTheme.NoActionBar”:
android:screenOrientation=“landscape”
niekoniecznie? Przechodzi z manifestu??? Ale nie zaszkodziDodaj w activity_main.xml po android:layout_height=“match_parent” dla Androidx… i WebView:
android:screenOrientation=“landscape”
Aplikacja jest gotowa do zainstalowania. Do przygotowania aplikacji w Google Play wymagane są jeszcze dwa kroki: aplikacja musi być zapisana w wersji release i z podpisem. Póki co - masz gotowy do ręcznej instalacji plik apk
Ps. Może pojawić się błąd podczas kompilacji - w świeżej instalacji Android Studio niby nie powinien ale w razie jakby co przy chwili podam, co trzeba ustawić w konfiguracji AS.
- kuba5509
-
100+ posts
Ze Scratch do Androida - tutorial
https://sheeptester.github.io/htmlifier . Jeśli z nie było z tym problemu, zainstaluj Android Studio i postępuj wg poniższego. Nie wszystko pewnie będzie jasne - dla każdego kroku podaję źródło, można podejrzeć jak to wygląda.A bez android studio studio się da? Zaczynamy od skonwertowania projektu do pliku HTML. Można skorzystać z
https://www.youtube.com/watch?v=k1XN6PwJpzU
1.Tworzymy nowy projekt Empty Activity.
2. activity_main.xml -> zmienić wygląd na design, usunąć text, wstawić widget-> webview
3. zmienić wygląd na kod i pod WebView dopisać:
android:id=“@+id/WebView”
4. Przejść do MainActiviti.java:
import android.os.Bundle;
// dodać poniższą linię:
import android.webkit.WebView;
//
public class MainActivity extends AppCompatActivity {
//dodać poniższą linię:
private WebView view;
//
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//dodać poniższy fragment:
WebView view = (WebView) findViewById(R.id.WebView);
view.getSettings().setJavaScriptEnabled(true);
view.loadUrl(“file//android_asset/index.html”);
//
}
5. App -> New -> Folder -> Assets folder
Do Assets skopiować plik index.html
6. Pozostaje zmiana ikony i ewentualnie usunięcie paska tytułu aplikacji.
zmiana ikon
https://forum.android.com.pl/topic/354398-dodawanie-g%C5%82%C3%B3wnej-ikony-do-aplikacji/
Klikamy prawym przyciskiem myszy na katalog res i wybieramy:
New -> Image Asset
W path wybieramy ścieżkę do pliku naszej ikonki i… już prawie gotowe. Pozostaje dopasować rozmiar.
7. usuwanie paska tytułu:
https://stackoverflow.com/questions/36236181/how-to-remove-title-bar-from-the-android-activity/36236700
Dodaj styl w style.xml
<style name=“AppTheme.NoActionBar” parent=“Theme.AppCompat.Light.DarkActionBar”>
<item name=“windowActionBar”>false</item>
<item name=“windowNoTitle”>true</item>
<item name=“android:windowFullscreen”>true</item>
</style>
Ustaw nowy styl w activity class w AndroidManifest.xml
(enter przed “>”)
android:theme=“@style/AppTheme.NoActionBar”
8. Ekran ma być w pozycji poziomej?
Dodaj w AndroidManifest.xml po android:theme=“@style/AppTheme.NoActionBar”:
android:screenOrientation=“landscape”
niekoniecznie? Przechodzi z manifestu??? Ale nie zaszkodziDodaj w activity_main.xml po android:layout_height=“match_parent” dla Androidx… i WebView:
android:screenOrientation=“landscape”
Aplikacja jest gotowa do zainstalowania. Do przygotowania aplikacji w Google Play wymagane są jeszcze dwa kroki: aplikacja musi być zapisana w wersji release i z podpisem. Póki co - masz gotowy do ręcznej instalacji plik apk
Ps. Może pojawić się błąd podczas kompilacji - w świeżej instalacji Android Studio niby nie powinien ale w razie jakby co przy chwili podam, co trzeba ustawić w konfiguracji AS.

- testertostera
-
100+ posts
Ze Scratch do Androida - tutorial
https://sheeptester.github.io/htmlifier . Jeśli z nie było z tym problemu, zainstaluj Android Studio i postępuj wg poniższego. Nie wszystko pewnie będzie jasne - dla każdego kroku podaję źródło, można podejrzeć jak to wygląda.A bez android studio studio się da? Zaczynamy od skonwertowania projektu do pliku HTML. Można skorzystać z
Aplikacja jest gotowa do zainstalowania. Do przygotowania aplikacji w Google Play wymagane są jeszcze dwa kroki: aplikacja musi być zapisana w wersji release i z podpisem. Póki co - masz gotowy do ręcznej instalacji plik apk
Ps. Może pojawić się błąd podczas kompilacji - w świeżej instalacji Android Studio niby nie powinien ale w razie jakby co przy chwili podam, co trzeba ustawić w konfiguracji AS.
Metody są różne ale AS daje kontrolę, edycje w razie czego (np. trzeba podbić wersję API) etc.
- Discussion Forums
- » Polski
-
» Ze Scratch do Androida - tutorial