Kolor tła ikony programu uruchamiającego zasoby obrazu w Android Studio


112

Mam logo .png dla mojej aplikacji, które nie ma tła, kiedy dodam je do Android Studio jako zasób obrazu, jestem zmuszony mieć tło. Pole szesnastkowe nie akceptuje 8-cyfrowych kodów kolorów, tylko 6 cyfr. Czy w ogóle można zachować niewidoczne tło?


1
romannurik.github.io/AndroidAssetStudio Świetne narzędzie do dowolnego typu ikon, które chcesz wygenerować
Pierre

Odpowiedzi:


201

Aby tło było przezroczyste, ustaw shapejako None. Zobacz obrazek poniżej:

wprowadź opis obrazu tutaj

EDYTOWAĆ:

W przypadku Android Studio 3.0 można to ustawić na Legacykarcie

wprowadź opis obrazu tutaj


27
Dziękuję bardzo, nie zauważyłem, że muszę przewinąć w dół, aby zobaczyć kształt :)
HishamGarout

1
po prostu wybierz przycisk radiowy obrazu i przewiń w dół ... dzięki zadziałało dla mnie
Ghanshyam Nayma

3
Kolejny przykład kiepskiego UX w Studio
AmitP

21
Ta odpowiedź wydaje się już nieważna, z Android Studio 3.0.
ElYeante,

2
Jak sprawić, by warstwa tła była przezroczysta?
zulkarnain shah

38

Używam Android Studio 3.0.1i jeśli powyższa odpowiedź nie działa dla Ciebie, spróbuj zmienić icon typena Legacyi wybierz Shapena None, domyślna to Adaptive and Legacy.

wprowadź opis obrazu tutaj

Uwaga: niektóre urządzenia mają zainstalowany program uruchamiający z automatycznym dodawaniem białego tła do ikony, to normalne.


2
Starsze wersje wybierasz tylko wtedy, gdy targetSdkVersion jest mniejsze niż 26. Jeśli targetSdkVersion ma 26, typ ikony powinien być adaptacyjny i starszy.
Rupam Das

1
Jak sprawić, by warstwa tła była przezroczysta?
zulkarnain shah

@zulkarnainshah jeśli zdecydujesz się nie kształtować żadnego w trybie starszym, pokaże przezroczysty kolor.
Farhana

Wydaje się, że nie działa w Android Studio 3+. Jednak odpowiedź Patricka poniżej wydaje się działać, przynajmniej w Android Studio 3.1.2.
Stephen M -on strajk-

@StephenM - którą wersję Androida używasz? Pamiętaj, że rzeczy zmieniają się szczególnie od ikon, począwszy od Lollipopa do najnowszej wersji Androida, więc nie zdziwiłbym się, gdyby ludzie zobaczyli inną ikonę tła w najnowszej wersji Androida. poprawką jest próba użycia niższej wersji Androida i użycie programu uruchamiającego, który nie dodaje żadnego tła do ikon tylko do programowania, aby zobaczyć prawdziwy projekt ikony lub trzymać się najnowszego Androida i po prostu podążać za tym, co chcą.
Polar,

26

Masz dwa sposoby:

1) W Warstwie tła> Skalowanie zmniejsz zmianę rozmiaru do 1

wprowadź opis obrazu tutaj

a następnie w Legacy> Legacy Icon ustaw Shape jako None

wprowadź opis obrazu tutaj


2) w Warstwie tła> Skalowanie> Zasób źródłowy możesz ustawić obraz jako obraz o rozmiarze 1 x 1 piksela (lub o dowolnym rozmiarze) przezroczysty.png (już utworzony).

wprowadź opis obrazu tutaj

a następnie w Legacy> Legacy Icon ustaw Shape jako None

wprowadź opis obrazu tutaj


15
co zrobiłeś Full Bleed Layers?
Tricky Bay

21

powyższe podejście nie działało dla mnie na Android Studio 3.0. Nadal pokazuje tło. Właśnie utworzyłem pusty plik tła

<?xml version="1.0" encoding="utf-8"?>
<vector
android:height="108dp"
android:width="108dp"
android:viewportHeight="108"
android:viewportWidth="108"
xmlns:android="http://schemas.android.com/apk/res/android">
</vector>

To zadziałało z wyjątkiem warstw z pełnym spadem


1
Używam też Android Studio 3.0, robię to samo, aby to działało. Wygląda na to, że nie możemy już tworzyć ikony na podstawie tego, czego chcemy.
Polar

2
To nie działa. Android Studio 3.0.1, nie możesz ustawić przezroczystego tła.
Rupam Das

2
Pracował dla mnie w Android Studio 3.1.2. Pojawił się w generatorze zasobów obrazu jako czarny, ale jest przezroczysty, gdy wdrażam moją aplikację.
Stephen M - po strajku -

Otrzymuję błąd renderowania, gdy próbuję użyć tego wektora jako tła, ktoś inny?
Chagai Friedlander

11

To tylko kolejne obejście.

  1. W przypadku „Warstwy pierwszego planu” wybierz „Typ zasobu” jako tekst i usuń domyślny tekst w polu tekstowym.

Przejdź do ścieżki obrazu

  1. W polu „Warstwa tła” jako obraz wybierz „Typ zasobu”, a następnie wybierz ścieżkę obrazu, który ma być ikoną.

wprowadź opis obrazu tutaj

I jesteś gotowy.


Bardzo proste rozwiązanie. Wielkie dzięki! Przetestowałem to na Android Studio 3.6 i jedną rzeczą do dodania jest to, że dawał mi błąd po zerowaniu tekstu pierwszego planu. Więc to, co zrobiłem, to tylko dodanie spacji i to działa. I dodać więcej! potem pojawił się jeden problem, że kiedy skończyłem dodawać mipmapę i uruchomiłem projekt, pojawiło się logo Androida nadpisujące moje logo i naprawiłem to, modyfikując pliki xml ikony mipmap, usuwając z nich pierwszy plan. Mam nadzieję, że to komuś pomoże.
Feroz Khan

To jest genialne!
ikerfah


1

Najpierw utwórz ikonę programu uruchamiającego (Adaptive and Legacy)z zasobu obrazu:

Wybierz imagewarstwę tła i zmień jej rozmiar na 0% lub 1%, a na karcie starszej wersji ustaw shapena none.

Następnie usuń folder res/mipmap/ic_laucher_roundw oknie projektu i otwórz plik AndroidManifest.xml i usuń atrybut android:roundIcon="@mipmap/ic_launcher_round"z applicationelementu.

Na koniec usuń ic_launcher.xmlz mipmap-anydpi-v26.

Zwróć uwagę, że: niektóre urządzenia, takie jak Nexus 5X (Android 8.1), automatycznie dodają białe tło i nie mogą nic zrobić.


0

Oto kroki, które podjąłem, aby uczynić obraz przezroczystym:

1- Korzystałem z witryny internetowej, która sprawia, że ​​obraz jest przejrzysty, jest ich dużo. Dla mnie używam tego https://www241.lunapic.com/editor/?action=transparent, a czasem tego http://www.online-image-editor.com/help/transparency

2- W Android Studio (używam wersji 3.1.3), otwórz zasób obrazu z aplikacji> res (kliknij prawym przyciskiem myszy)> Nowy> Zasób obrazu Zasób obrazu

3- W ścieżce wybierz lokalizację przezroczystego obrazu, który pobrałeś z witryny internetowej i ustaw pozostałe opcje, jak pokazano, a następnie Dalej, a następnie Zakończ. Pięć różnych rozmiarów obrazu mdpi (48 × 48), hdpi (72 × 72), xhdpi (96 × 96), xxhdpi (144 × 144) i xxxhdpi (192 × 192) zostanie utworzonych w res / mipmap- foldery gęstości . Konfiguracja zasobów obrazu

4- Jeśli potrzebujesz rozmiarów (wymiarów) innych niż powyższe, możesz użyć tej strony internetowej http://nsimage.brosteins.com/, aby przesłać swój obraz PNG o największym rozmiarze, który będzie używany w xxxhdpi. Po załadowaniu możesz pobrać plik zip zawierający obrazy w pięciu różnych rozmiarach w folderach res / drawable- density . wprowadź opis obrazu tutaj


-1

Korzystając z Androida 3.0.1 zauważyłem to dziwne zachowanie (rozwiązanie), po pierwsze: w warstwie tła w source_asset zmień asset_type z obrazu na kolor, a następnie zmień go z powrotem na obraz. po drugie: włącz przycinanie w skalowaniu, a następnie zmień rozmiar do niewielkiego procentu i będzie działać idealnie. PS: Jeśli nie wykonałeś pierwszego kroku, skalowanie nie będzie miało wpływu. a jeśli ktoś ma wyjaśnienie, proszę o przedstawienie. kroki

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.