Создание горизонтального индикатора хода с использованием изображения xamarin android

Question

Как изменить индикатор выполнения с изображением? Я хочу, чтобы это выглядело как Я хочу, чтобы он занимал почти всю горизонтальную длину.

Я хочу, чтобы этот результат http://www.bellaterreno.com/graphics/biz_processingbar/processingbar_blue_diagonal_sm_ani.gif

Answer 1

Вы можете установить пользовательский Bar Progress создавая дополнительный XML в вашем ресурсе> вытяжка папки. Создайте файл progressbar.xml и настройте его в собственном стиле. Он должен выглядеть примерно так:

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 

    <!-- Define the BACKGROUND properties: colors, gradient, etc --> 
    <item android:id="@android:id/background"> 
    <shape> 
     <gradient 
       android:startColor="#000001" 
       android:centerColor="#0b131e" 
       android:centerY="1.0" 
       android:endColor="#0d1522" 
       android:angle="270" /> 
    </shape> 
    </item> 

    <!-- Define the PROGRESS BAR properties: colors, gradient, etc --> 
    <item android:id="@android:id/progress"> 
    <clip> 
     <shape> 
      <gradient 
       android:startColor="#007A00" 
       android:centerColor="#007A00" 
       android:centerY="1.0" 
       android:endColor="#06101d" 
       android:angle="270" /> 
     </shape> 
    </clip> 
    </item> 
</layer-list> 
In your AXML file you have to define 'android:progressDrawable': 

<ProgressBar 
    android:progressDrawable="@drawable/progressbar" 
... 
/> 

Основано на этом столбце stackoverflow. How to Customize a Progress Bar In Android

или с этой информацией в Xamarin

Вы можете достичь этого с помощью пользовательского видеообработки.

У Джеймса Монтеманьо Xamarin есть хорошее руководство по созданию настраиваемого кругового индикатора хода.

https://blog.xamarin.com/using-custom-controls-in-xamarin-forms-on-android/

Официальная документация по Xamarin.Forms средства визуализации можно найти на https://developer.xamarin.com/guides/xamarin-forms/custom-renderer/