[英]make custom xml shape android
為了做到這一點,我在下面寫了 xml:
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
>
<item android:id="@+id/ring1">
<shape
android:innerRadiusRatio=""
android:shape="ring"
android:tint="@color/white"
android:useLevel="false"></shape>
</item>
<item>
<shape
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:innerRadius="0dp"
android:shape="ring"
android:thickness="140dp"
android:useLevel="false">
<gradient
android:centerColor="#00F913"
android:endColor="#006A10"
android:startColor="#006A10" />
</shape>
</item>
</layer-list>
結果是:
並且有3個問題:
第一:當我將它提供給任何視圖背景時,外部白線不會出現
您可以使用oval
形而不是使用ring
作為白色部分,並根據需要添加填充,如下所示修改外部白色部分的半徑
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
<shape android:shape="oval">
<solid android:color="@color/white" />
<padding
android:bottom="7dp"
android:left="7dp"
android:right="7dp"
android:top="7dp" />
</shape>
</item>
<item>
<shape android:shape="oval">
<size
android:width="36dp"
android:height="36dp" />
<gradient
android:centerColor="#00F913"
android:endColor="#006A10"
android:startColor="#006A10" />
</shape>
</item>
</layer-list>
第二:當我把它給視圖背景時,形狀不是一個環
您可以使用ShapeableImageView
首先:在 gradle 模塊級別添加以下依賴項
implementation 'com.google.android.material:material:1.3.0-alpha04'
第二:在style.xml中創建下面的樣式
<style name="circled">
<item name="cornerSize">50%</item>
</style>
第三:使用app:shapeAppearanceOverlay
屬性將樣式應用於ShapeableImageView
第三:原始視圖在中心有一種顏色,周圍有其他顏色,但使用漸變我可以將顏色添加到開始、中心、結束和中間,中間漸變延伸到邊框
這應該通過使用ShapeableImageView
來解決,請在運行應用程序后檢查以下結果
樣品測試
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:background="@color/colorAccent"
android:layout_height="match_parent">
<com.google.android.material.imageview.ShapeableImageView
android:layout_width="100dp"
android:layout_height="100dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:shapeAppearanceOverlay="@style/circled"
app:srcCompat="@drawable/some_circle" />
</androidx.constraintlayout.widget.ConstraintLayout>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.