Я хочу иметь простое представление датчика, где я буду определять начальное значение и конечное значение и иметь указатель для отображения заданного значения переменной.
Так что я могу показать заданное значение, как спидометр. Например, если мое значение textView равно 1300, то рядом с текстовым представлением я хочу иметь эту пользовательскую анимацию представления счетчика, подобную этой!
Это возможно? Любой существующий пример кода?
Другой я нашел в Evelina Vrabie's blog, использовал его и работал отлично!
Посмотрите на Evelina Vrabie's GitHub. Он имеет библиотеку датчиков и несколько образцов для взаимодействия.
Большое спасибо владельцу Эвелине Врабие!
Однако он не работает на XHDPI/нескольких версиях устройств Android (выше 4). Проблема заключается в тексте в представлении датчика.
Для тех, кто ищет простой вид датчика, я сделал библиотеку, которую вы можете клонировать и использовать/модифицировать для своих нужд.
gauge:***. Я добавил xmlns:gauge="http://schemas.android.com/apk/res-auto", но все еще получаю ошибки. @pkleczko Можете ли вы сказать, что не так?
- person Nirmal Raj; 12.07.2016
app:gaugeEndValue вместо gauge:EndValue. оно работает.
- person Mann; 26.06.2018
Все другие датчики, которые вы рекомендовали, имеют ошибки и не работают на Kitkat и Lollipop. Также здесь нет Android Studio и градуированной библиотеки.
Вот репозиторий git для более свежего, обновленного для Lollipop, который вы можете использовать с Gradle:
После того, как вы включите библиотеку в свой проект, добавьте Gaugelibrary в XML-макет вашей деятельности:
<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"
/>
Это покажет статический датчик без стрелки. Чтобы создать экземпляр иглы со случайной анимацией, вам нужно сделать это в файле класса активности. Посмотрите, как это делается здесь:
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() {}
};
}
Это создаст экземпляр иглы и заставит его анимировать переход к случайным значениям.
Я сделал это некоторое время назад. Не стесняйтесь клонировать и изменять. (Некоторые идеи взяты из старого Винтажного термометра< /а>.)
Его можно легко добавить в ваш проект Gradle:
repositories {
maven {
url 'https://www.jitpack.io'
}
}
dependencies {
compile 'com.github.Pygmalion69:Gauge:1.1'
}
Представления объявлены в 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" />
Вот пример установки значений программно:
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);
На этом сайте вы найдете несколько бесплатных настраиваемых датчиков.
Очень прост в установке и хорошо документирован. Например, вы можете бесплатно получить что-то подобное за 5 минут, следуя инструкции ниже.
Зайдите на указанный выше сайт. Нажмите GR004 и после появления всплывающего окна нажмите «Скачать бесплатно». Библиотека будет загружена, разархивирована и следуйте инструкциям по установке библиотеки (файл aar) внутри вашего проекта Android.
Напишите этот код в своем макете XML, и ваш датчик будет готов:
<com.sccomponents.gauges.gr004.GR004
android:layout_width="match_parent"
android:layout_height="match_parent" />
У вас есть много вариантов XML для его настройки:
И связанная с этим функция путем кодирования.
Я не знаю, поможет ли поздний ответ или нет. Я также пришел к той же ситуации, когда я хочу использовать датчик для визуализации данных, поскольку датчик не предоставляется в виде виджета в Android, как энтузиаст, я выбрал библиотеки, подобные приведенным выше, которые можно найти по различным ссылкам в Интернете, хотя это был весьма полезен (спасибо его замечательным авторам ..) мне трудно визуализировать в определенных ситуациях, поэтому еще одно решение, которое я сделал для своего приложения, - это я интегрировал датчики JavaScript в свое приложение для Android. Вы можете сделать это, выполнив следующие шаги
Это пример кода для просмотра содержимого веб-просмотра.
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");
}
});
Приведенное выше для загрузки html и javascript.
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);
}
}
Это класс веб-просмотра
Пожалуйста, прочитайте все, исправления приветствуются..!!
Используйте это: Пример проекта
Его можно легко добавить в ваш проект Gradle:
repositories {
maven {
url 'https://www.jitpack.io'
}
}
dependencies {
implementation 'com.jignesh13.speedometer:speedometer:1.0.0'
}
Представления объявлены в XML:
<com.jignesh13.speedometer.SpeedoMeterView
android:id="@+id/speedometerview"
android:layout_width="250dp"
android:layout_height="250dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.453"
app:layout_constraintStart_toStartOf="parent"
app:backimage="@android:color/black"
app:needlecolor="#fff"
app:removeborder="false"
app:linecolor="#fff"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintVertical_bias="0.079" />
