vista de indicador simple como velocímetro en android?

Question

Quiero tener una vista de indicador simple donde definiré el valor de inicio y el valor final y un puntero para mostrar el valor de la variable determinada.

, así que puede mostrar un valor dado como speedmeter. Por ejemplo, si mi valor de una vista de texto es 1300, entonces, junto a la vista de texto, quiero tener esta animación de vista de medidor personalizada de esta manera.

¿Es posible? ¿Algún código de ejemplo existente?

Answer 1

Otro que encontré en Evelina Vrabie's blog, lo usé y funcionó perfecto!

Mire Evelina Vrabie's GitHub. Tiene una biblioteca de indicadores y algunas muestras para interactuar.

Muchas gracias al propietario Evelina Vrabie!

---

Sin embargo, no está trabajando en xhdpi/algunas versiones de dispositivos Android (por encima de 4). El problema es el texto en la vista de medidor.

Answer 2

Para cualquiera que busque una vista de ancho de vía simple, hice una biblioteca que puede clonar y usar/modificar para sus necesidades.

CustomGauge

Answer 3

Todos los demás indicadores que usted recomienda tener fallos y no se ejecuta bien en Kitkat y Lollipop. Además, no hay una biblioteca compatible con Android Studio y Gradle aquí.

Aquí es repositorio git para la más reciente actualización para Lollipop puede utilizar con Gradle:

• https://github.com/Sulejman/GaugeView

Después de incluir la biblioteca en su proyecto añadir gaugelibrary a XML diseño de su actividad:

<io.sule.gaugelibrary.GaugeView 
android:id="@+id/gauge_view" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:background="#ffffff" 
gauge:showOuterShadow="false" 
gauge:showOuterRim="false" 
gauge:showInnerRim="false" 
gauge:needleWidth="0.010" 
gauge:needleHeight="0.40" 
gauge:scaleStartValue="0" 
gauge:scaleEndValue="100" 
/> 

Esto mostrará el indicador estático sin aguja. Para crear una instancia de la aguja con animación aleatoria, debe hacer eso en el archivo de la clase de actividad. Vea cómo se hace aquí:

package io.sule.testapplication; 

import android.app.Activity; 
import android.os.Bundle; 
import android.os.CountDownTimer; 
import android.view.Menu; 
import android.view.MenuItem; 

import java.util.Random; 

import io.sule.gaugelibrary.GaugeView; 

public class MainActivity extends Activity { 
    private GaugeView mGaugeView; 
    private final Random RAND = new Random(); 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
    super.onCreate(savedInstanceState); 
    setContentView(R.layout.activity_main); 

     mGaugeView = (GaugeView) findViewById(R.id.gauge_view); 
     mTimer.start(); 
    } 


    private final CountDownTimer mTimer = new CountDownTimer(30000, 1000) { 

     @Override 
     public void onTick(final long millisUntilFinished) { 
     mGaugeView.setTargetValue(RAND.nextInt(101)); 
     } 

     @Override 
     public void onFinish() {} 
    }; 
} 

Esto instanciará la aguja y la animará moviéndose a valores aleatorios.

Answer 4

No sé si la respuesta tardía ayudará o no. También llegué a la misma situación en la que quiero usar un medidor para visualizar datos, dado que el indicador no se proporciona como widget en Android, como entusiasta fui a bibliotecas como las anteriores, que se pueden encontrar a través de varios enlaces en Internet, aunque fue bastante útil (gracias a los maravillosos autores de esto)) me resulta difícil visualizarlo durante ciertas situaciones, por lo que otra solución de lo que he hecho es que para mi aplicación integé los medidores de JavaScript en mi aplicación de Android. Puede hacerlo mediante los siguientes pasos

1. Crear una carpeta de recursos en nuestro proyecto- look this link y verá cómo crear una carpeta de recursos si alguien no sabe hacer al respecto.
2. El siguiente es diseñar una página html sobre el aspecto de su página, por ejemplo, encabezado, no de idiomas, etc., y colocarla en el activo de la carpeta.
3. Hay muchos sitios que proporcionan los códigos como This is one site o puede navegar por otros sitios y tomar lo que sea que se sienta bien ... !! tómelo todo, incluidos los archivos .js y colóquelo en la carpeta de activos.
4. Android proporciona una clase para el manejo de webiview llamados "WebViewClient" se puede navegar más para saber más sobre él en Internet

5. Esto es código de ejemplo para ver el contenido vistas web ..

   web = (WebView) findViewById (R.id.webview01); progressBar = (ProgressBar) findViewById (R.id.progressBar1);

   web.setWebViewClient(new myWebClient()); 
   
       web.getSettings().setJavaScriptEnabled(true); 
         web.post(new Runnable() { 
          @Override 
          public void run() { 
           web.loadUrl("file:///android_asset/fonts/guage.html"); 
          } 
         }); 
   

El anteriormente para cargar el html & javscript.

public class myWebClient extends WebViewClient 
{ 
    @Override 
    public void onPageStarted(WebView view, String url, Bitmap favicon) { 
     // TODO Auto-generated method stub 
     super.onPageStarted(view, url, favicon); 
    } 

    @Override 
    public boolean shouldOverrideUrlLoading(WebView view, String url) { 
     // TODO Auto-generated method stub 
     progressBar.setVisibility(View.VISIBLE); 
     view.loadUrl(url); 
     return true; 

    } 

    @Override 
    public void onPageFinished(WebView view, String url) { 
     // TODO Auto-generated method stub 
     super.onPageFinished(view, url); 

     progressBar.setVisibility(View.GONE); 
    } 
} 

Este la clase vistaweb

1. También puede enviar los datos de la actividad a la página html .. Refer This link

leer atentamente a través de todo, las correcciones son bienvenidos .. !!

Answer 5

Hice esto hace un tiempo. Siéntase libre de clonar y modificar. (Se necesita algunas ideas de la vieja Vintage Thermometer.)

github.com/Pygmalion69/Gauge

Se pueden añadir fácilmente a su proyecto Gradle:

repositories { 
    maven { 
     url 'https://www.jitpack.io' 
    } 
} 

dependencies { 
    compile 'com.github.Pygmalion69:Gauge:1.1' 
} 

Las vistas son declarados en XML:

<de.nitri.gauge.Gauge 
    android:id="@+id/gauge1" 
    android:layout_width="wrap_content" 
    android:layout_height="0dp" 
    android:layout_gravity="center" 
    android:layout_marginTop="10dp" 
    android:layout_weight="0.75" 
    gauge:labelTextSize="42" 
    gauge:maxValue="1000" 
    gauge:minValue="0" 
    gauge:totalNicks="120" 
    gauge:valuePerNick="10" 
    gauge:upperText="Qty" 
    gauge:lowerText="@string/per_minute" /> 

Ella e es un ejemplo de configuración de los valores mediante programación:

final Gauge gauge1 = (Gauge) findViewById(R.id.gauge1); 
    final Gauge gauge2 = (Gauge) findViewById(R.id.gauge2); 
    final Gauge gauge3 = (Gauge) findViewById(R.id.gauge3); 
    final Gauge gauge4 = (Gauge) findViewById(R.id.gauge4); 

    gauge1.moveToValue(800); 

    HandlerThread thread = new HandlerThread("GaugeDemoThread"); 
    thread.start(); 
    Handler handler = new Handler(thread.getLooper()); 

    handler.postDelayed(new Runnable() { 
     @Override 
     public void run() { 
      gauge1.moveToValue(300); 
     } 
    }, 2800); 
    handler.postDelayed(new Runnable() { 
     @Override 
     public void run() { 
      gauge1.moveToValue(550); 
     } 
    }, 5600); 

    HandlerThread gauge3Thread = new HandlerThread("Gauge3DemoThread"); 
    gauge3Thread.start(); 
    Handler gauge3Handler = new Handler(gauge3Thread.getLooper()); 
    gauge3Handler.post(new Runnable() { 
     @Override 
     public void run() { 
      for (float x = 0; x <= 6; x += .1) { 
       float value = (float) Math.atan(x) * 20; 
       gauge3.moveToValue(value); 
       try { 
        Thread.sleep(100); 
       } catch (InterruptedException e) { 
        e.printStackTrace(); 
       } 
      } 
     } 
    }); 

    gauge4.setValue(333);