test - Vista de calibre simple como medidor de velocidad en Android?

test de velocidad speedy

Question

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

Así que puedo mostrar un valor dado como medidor de velocidad. Por ejemplo, si el valor de un textView es 1300, luego, junto a la vista de texto, quiero tener esta animación de visualización de medidor personalizada como esta.

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

Answer 1

En este sitio encontrarás algunos medidores personalizables gratis.

ScComponents

Muy fácil de instalar y bien documentado. Por ejemplo, puedes tener gratis algo como esto en 5 minutos siguiendo las instrucciones a continuación.

Ir en el sitio web vinculado anteriormente. Haga clic en el GR004 y después de que aparezca la ventana emergente, haga clic en "Descargar GRATIS". La biblioteca descargará, descomprimirá y seguirá las instrucciones para instalar la biblioteca (archivo AAR) dentro de su proyecto de Android.

Escriba este código en su diseño XML y su indicador se realizará:

<com.sccomponents.gauges.gr004.GR004
    android:layout_width="match_parent"
    android:layout_height="match_parent" />

Tienes muchas opciones de XML para personalizarlo:

• sccnimDuration
• sccEnableTouch
• sccinvertido
• sccFontName
• sccLabelsSizeAdjust
• sccMajorTicks
• sccMaxValue
• sccMinorTicks
• sccMinValue
• sccShowContour
• sccShowLabels
• sccText
• sccValue

Y la función relacionada mediante la codificación.

Answer 2

Hice esto hace un tiempo. Siéntase libre de clonar y modificar. (Toma algunas ideas del antiguo termómetro Vintage ).

github.com/Pygmalion69/Gauge

Se puede agregar fácilmente a su proyecto de Gradle:

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

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

Las vistas están declaradas 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" />

Aquí hay un ejemplo de establecer los valores programáticamente:

    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);

Answer 3

No sé si la respuesta tardía va a ayudar o no. También llegué a la misma situación en la que quiero usar un medidor para visualizar datos, ya que no se proporciona como widget en Android, como entusiasta de bibliotecas como la anterior, que se pueden encontrar a través de varios enlaces en Internet, aunque fue de gran ayuda (gracias a los maravillosos autores). Me resulta difícil visualizar durante ciertas situaciones, por lo que otra solución que he hecho es que para mi aplicación integre los indicadores de JavaScript en mi aplicación de Android. Puedes hacerlo siguiendo los siguientes pasos.

1. Cree una carpeta de activos en nuestro proyecto. Mire este enlace y verá cómo crear una carpeta de activos si alguien no lo sabe.
2. La siguiente es que diseñe una página html sobre el aspecto que debería tener su página, por ejemplo, encabezado, no. Guages, etc. y colóquela en el activo de la carpeta.
3. Hay muchos sitios que brindan información como Este es un sitio o puedes navegar por otros sitios y tomar lo que te parezca mejor ... !! 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 llamada "WebViewClient" que puede navegar más para saber más sobre esto en internet

5. Este es un código de muestra para ver el contenido de webview.

   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");
                   }
               });

Lo anterior para cargar el html y 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);
    }
}

Esta es la clase webview

1. También puede enviar datos de la actividad a la página html. Consulte este enlace

Por favor, lea a través de todos, las correcciones son bienvenidas .. !!

Answer 4

Para cualquier persona que busque una vista de indicador simple, he creado una biblioteca que puede clonar y usar / modificar según sus necesidades.

CustomGauge

Answer 5

Todos los otros indicadores que recomendaste tienen errores y no funcionan bien en Kitkat y Lollipop. También no hay ningún estudio de Android y biblioteca amigable de gradle aquí.

Aquí está git repo para el más reciente actualizado para Lollipop que puedes usar con Gradle:

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

Después de incluir la biblioteca en su proyecto, agregue gaugelibrary al diseño xml 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á indicador de estática sin aguja. Para crear una instancia de la aguja con animación aleatoria, debe hacerlo en el archivo de clase de actividad. Mira 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 creará una instancia de la aguja y la animará a moverse a valores aleatorios.

Answer 6

¡Otra que encontré en Evelina Vrabie''s blog , la usé y funcionó a la perfección!

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

Muchas gracias a la dueña Evelina Vrabie!

Sin embargo, no está funcionando en XHDPI / Pocas versiones de dispositivos Android (arriba 4). Problema es el texto en la vista de calibre.