Próbuję utworzyć okrąg tylko z obramowaniem za pomocą XML w Androidzie:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval" >
<stroke android:width="1dp"
android:color="#000000"/>
</shape>
Kod, którego użyłem, znajduje się powyżej. Jednak dostaję solidny dysk i nie ma pierścienia. Chciałbym uzyskać dane wyjściowe za pomocą tylko XML, a nie płótna. Co ja robię źle?
Dzięki.
EDYCJA: Udało się dzięki poniższej odpowiedzi. Oto mój ostateczny kod:
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:innerRadius="0dp"
android:shape="ring"
android:thicknessRatio="1.9"
android:useLevel="false" >
<solid android:color="@android:color/transparent" />
<size android:width="100dp"
android:height="100dp"/>
<stroke android:width="1dp"
android:color="#FFFFFF"/>
</shape>
android
xml
geometry
transparent
Anirudh
źródło
źródło
android:thicknessRatio="2"
jako zamknięty pierścień (Nexus 5, Lollipop)użyj tego, to zadziała
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval" > <gradient android:centerX=".6" android:centerY=".40" android:endColor="@android:color/transparent" android:gradientRadius="20" android:startColor="@android:color/transparent" android:type="radial" /> <stroke android:width="1dp" android:color="#FFFFFF" /> <size android:height="100dp" android:width="100dp" /> </shape>
źródło
Wydrążony
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <stroke android:width="1dp" android:color="@color/indicator_unselected" /> </shape>
Pełny
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <corners android:radius="100dp" /> <solid android:color="@android:color/white" /> </shape>
źródło
Efekt obrysu można uzyskać rysując przezroczysty owal pociągnięciem wymaganego koloru (w przykładzie # 000):
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="@android:color/transparent" /> <stroke android:width="1dp" android:color="#000" /> <size android:width="40dp" android:height="40dp" /> </shape>
źródło
Jeśli możesz użyć rysunków Vector, spróbuj tego
<vector android:height="24dp" android:viewportHeight="512.0" android:viewportWidth="512.0" android:width="24dp" xmlns:android="http://schemas.android.com/apk/res/android"> <path android:fillColor="#FFFFFF" android:fillType="evenOdd" android:pathData="M0,0L512,0L512,512L0,512L0,0ZM256,511C396.8,511 511,396.8 511,256C511,115.2 396.8,1 256,1C115.2,1 1,115.2 1,256C1,396.8 115.2,511 256,511Z" android:strokeColor="#00000000" android:strokeWidth="1"/> </vector>
źródło
Możesz użyć wbudowanej wartości Androida, aby uzyskać przezroczystość jako
@android:color/transparent
lub użyj#0000
lub#00000000
dla powyższego zaczynając od 4 cyfry pierwsza była dla alfy, aw wartości 8 cyfr pierwsze dwie cyfry były takie same jak alfa.
Jeśli podasz tylko 3 cyfry lub 6 cyfr w kolorze, to domyślna wartość alfa była ff ty, przekazując 4 lub 8 cyfr, ustaw tę wartość alfa tej wartości koloru
źródło
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="oval" > <gradient android:endColor="@android:color/transparent" android:gradientRadius="20" android:startColor="@android:color/transparent" /> <stroke android:width="1dp" android:color="#d9d9d9" /> <size android:height="100dp" android:width="100dp" /> </shape> </item> <item android:bottom="1dp" android:left="1dp" android:right="1dp" android:top="1dp"> <shape android:shape="oval" > <gradient android:endColor="@android:color/transparent" android:gradientRadius="20" android:startColor="@android:color/transparent" /> <stroke android:width="1dp" android:color="#b3b3b3" /> <size android:height="100dp" android:width="100dp" /> </shape> </item> </layer-list>
źródło
<?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:tools="http://schemas.android.com/tools" xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape android:shape="oval" > <stroke android:width="4dp" android:color="@color/colorPrimaryDark" /> <corners android:radius="0dp" /> </shape> </item> <item android:top="1dp" android:bottom="1dp" android:left="1dp" android:right="1dp"> <shape android:shape="oval"> <solid android:color="@color/colorRed" /> <size android:height="@dimen/_100sdp" android:width="@dimen/_100sdp"></size> </shape> </item> </layer-list>
źródło
Jeśli ustawisz kolor na
#00000000
, wynik będzie przezroczysty. Chciałbyś to zrobić w ten sposób, gdybyś chciał to zmienić w przyszłości rozwoju. Na przykład, gdybyś chciał, aby był czerwony i częściowo przezroczysty, byłoby to#ff000088
Dwie ostatnie liczby to krycie. Robię to w ten sposób, aby ułatwić przyszłe zmiany.źródło
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:innerRadiusRatio="2" android:shape="ring" android:thicknessRatio="1" android:useLevel="false"> <gradient android:type="radial" android:gradientRadius="8dp" android:endColor="@color/colorDarkPurple" android:elevation="5dp" /> <stroke android:width="2dp" android:color="@color/colorLilac"/> </shape>
źródło