Discuss Scratch

testertostera
Scratcher
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.

Last edited by testertostera (March 15, 2022 14:31:56)

Unixy-Code
Scratcher
500+ posts

Ze Scratch do Androida - tutorial

Wow, świetne. Ale i tak nie zrobię plików na androida :~)
testertostera
Scratcher
100+ posts

Ze Scratch do Androida - tutorial

Unixy-Code wrote:

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
Scratcher
500+ posts

Ze Scratch do Androida - tutorial

testertostera wrote:

Unixy-Code wrote:

Wow, świetne. Ale i tak nie zrobię plików na androida :~)

Prawdziwa frajda jak masz konto developera - własna gra w sklepie Google…
Szkoda tylko… że wyciągają od Ciebie kasę a z tego co słyszałem to podrożało tam miejsce.
j_a_n_t_i
Scratcher
500+ posts

Ze Scratch do Androida - tutorial

Około 100-110 zł…
j_a_n_t_i
Scratcher
500+ posts

Ze Scratch do Androida - tutorial

Mam jeszcze pytanie: jak właściwie mam przekonwertować do HTML tym pierwszym linkiem?
testertostera
Scratcher
100+ posts

Ze Scratch do Androida - tutorial

Unixy-Code wrote:

testertostera wrote:

Unixy-Code wrote:

Wow, świetne. Ale i tak nie zrobię plików na androida :~)

Prawdziwa frajda jak masz konto developera - własna gra w sklepie Google…
Szkoda tylko… że wyciągają od Ciebie kasę a z tego co słyszałem to podrożało tam miejsce.

Wiesz, to jednorazowa inwestycja a stówka nie majątek.
testertostera
Scratcher
100+ posts

Ze Scratch do Androida - tutorial

j_a_n_t_i wrote:

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
Scratcher
500+ posts

Ze Scratch do Androida - tutorial

testertostera wrote:

Unixy-Code wrote:

testertostera wrote:

Unixy-Code wrote:

Wow, świetne. Ale i tak nie zrobię plików na androida :~)

Prawdziwa frajda jak masz konto developera - własna gra w sklepie Google…
Szkoda tylko… że wyciągają od Ciebie kasę a z tego co słyszałem to podrożało tam miejsce.

Wiesz, to jednorazowa inwestycja a stówka nie majątek.
Racja, może się opłacić.
j_a_n_t_i
Scratcher
500+ posts

Ze Scratch do Androida - tutorial

Dobrze. A czy a się to zrobić tak na szybko, bez instalowania AndroidStudio?
testertostera
Scratcher
100+ posts

Ze Scratch do Androida - tutorial

j_a_n_t_i wrote:

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
Scratcher
500+ posts

Ze Scratch do Androida - tutorial

testertostera wrote:

j_a_n_t_i wrote:

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.
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. kliknij
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
Scratcher
35 posts

Ze Scratch do Androida - tutorial

Unixy-Code wrote:

testertostera wrote:

Unixy-Code wrote:

testertostera wrote:

Unixy-Code wrote:

Wow, świetne. Ale i tak nie zrobię plików na androida :~)

Prawdziwa frajda jak masz konto developera - własna gra w sklepie Google…
Szkoda tylko… że wyciągają od Ciebie kasę a z tego co słyszałem to podrożało tam miejsce.

Wiesz, to jednorazowa inwestycja a stówka nie majątek.
Racja, może się opłacić.
Możecie użyć zewnętrznych hostingów (Zastrzegam minej bezpieczne)
pintini
Scratcher
35 posts

Ze Scratch do Androida - tutorial

testertostera wrote:

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.
A bez android studio studio się da?
kuba5509
Scratcher
100+ posts

Ze Scratch do Androida - tutorial

pintini wrote:

testertostera wrote:

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.
A bez android studio studio się da?

testertostera
Scratcher
100+ posts

Ze Scratch do Androida - tutorial

pintini wrote:

testertostera wrote:

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.

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.
A bez android studio studio się da?

Metody są różne ale AS daje kontrolę, edycje w razie czego (np. trzeba podbić wersję API) etc.

Powered by DjangoBB