Динамический текст на Seekbar Thumb Проблемы - PullRequest
Новая
       54

Динамический текст на Seekbar Thumb Проблемы

0 голосов
/ 04 июля 2018

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

Seekbar Left Edge Seekbar Middle Seekbar Right Edge

Я хочу, чтобы весь динамический текст отображался слева, как ползунок счета слева (см. Первое изображение), при перемещении большого пальца в любом месте между минимальным и максимальным значением динамический текст должен быть по центру большого пальца (см. второе изображение). Когда ползунок находится в максимальном диапазоне, весь динамический текст должен выглядеть как ползунки Spares и Splits (см. Третье изображение).

Вот мой Activity_main.xml 

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="ca.rvogl.scoreui.MainActivity">
    <SeekBar
        android:id="@+id/seekBarScore"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginTop="40dp"
        android:max="300"
        android:progress="0"
        android:scrollbarAlwaysDrawHorizontalTrack="false" />
    <TextView
        android:id="@+id/textViewScore"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/seekBarScore"
        android:layout_marginStart="16dp" />

    <SeekBar
        android:id="@+id/seekBarStrikes"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_marginTop="90dp"
        android:max="12"
        android:progress="0"
        android:scrollbarAlwaysDrawHorizontalTrack="false" />
    <TextView
        android:id="@+id/textViewStrikes"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/seekBarStrikes"
        android:layout_marginStart="16dp" />
    <SeekBar
        android:id="@+id/seekBarSpares"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_marginTop="140dp"
        android:max="10"
        android:progress="0"
        android:scrollbarAlwaysDrawHorizontalTrack="false" />
    <TextView
        android:id="@+id/textViewSpares"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/seekBarSpares"
        android:layout_marginStart="16dp" />
    <SeekBar
        android:id="@+id/seekBarSplits"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="190dp"
        android:max="10"
        android:progress="0"
        android:scrollbarAlwaysDrawHorizontalTrack="false" />
    <TextView
        android:id="@+id/textViewSplits"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/seekBarSplits"
        android:layout_marginStart="16dp" />
    <SeekBar
        android:id="@+id/seekBarSplitConversions"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="240dp"
        android:max="10"
        android:progress="0"
        android:scrollbarAlwaysDrawHorizontalTrack="false" />
    <TextView
        android:id="@+id/textViewSplitConversions"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/seekBarSplitConversions"
        android:layout_marginStart="16dp" />
    <SeekBar
        android:id="@+id/seekBarOpenFrames"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="290dp"
        android:max="11"
        android:progress="0"
        android:scrollbarAlwaysDrawHorizontalTrack="false" />
    <TextView
        android:id="@+id/textViewOpenFrames"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentStart="true"
        android:layout_below="@+id/seekBarOpenFrames"
        android:layout_marginStart="16dp" />
</RelativeLayout>

Вот мой MainActivity.java 

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.SeekBar;
import android.widget.TextView;
import android.widget.SeekBar.OnSeekBarChangeListener;


public class MainActivity extends AppCompatActivity {

    private SeekBar seekBarGutterballs;
    private TextView textViewScore;
    private TextView textViewStrikes;
    private TextView textViewSpares;
    private TextView textViewSplits;
    private TextView textViewSplitConversions;
    private TextView textViewOpenFrames;
    private TextView textViewGutterballs;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        SeekBar seekBarScore = (SeekBar) findViewById( R.id.seekBarScore );
        textViewScore = (TextView) findViewById(R.id.textViewScore);
        SeekBar seekBarStrikes = (SeekBar) findViewById( R.id.seekBarStrikes );
        textViewStrikes = (TextView) findViewById(R.id.textViewStrikes);
        SeekBar seekBarSpares = (SeekBar) findViewById( R.id.seekBarSpares );
        textViewSpares = (TextView) findViewById(R.id.textViewSpares);
        SeekBar seekBarSplits = (SeekBar) findViewById( R.id.seekBarSplits );
        textViewSplits = (TextView) findViewById(R.id.textViewSplits);
        SeekBar seekBarSplitConversions = (SeekBar) findViewById( R.id.seekBarSplitConversions );
        textViewSplitConversions = (TextView) findViewById(R.id.textViewSplitConversions);
        SeekBar seekBarOpenFrames = (SeekBar) findViewById( R.id.seekBarOpenFrames );
        textViewOpenFrames = (TextView) findViewById(R.id.textViewOpenFrames);
        // Score Seek Bar
        textViewScore.setText("Score: " + seekBarScore.getProgress());
        seekBarScore.setOnSeekBarChangeListener(
                new OnSeekBarChangeListener() {
                    int progress = 0;
                    @Override
                    public void onProgressChanged(SeekBar seekBar,
                                                  int progresValue, boolean fromUser) {
                        int val = (progress * (seekBar.getWidth() - 2 * seekBar.getThumbOffset())) / seekBar.getMax();
                        textViewScore.setText("Score" + progress);
                        //textViewScore.setY(280);
                        textViewScore.setX(seekBar.getX() + val + seekBar.getThumbOffset() / 2);
                        progress = progresValue;
                    }

                    @Override
                    public void onStartTrackingTouch(SeekBar seekBar) {
                    }

                    @Override
                    public void onStopTrackingTouch(SeekBar seekBar) {
                        // Display the value in textview
                        textViewScore.setText("Score: "+progress);
                    }
                });
        // Strikes Seek Bar
        textViewStrikes.setText("Strikes: " + seekBarStrikes.getProgress());
        seekBarStrikes.setOnSeekBarChangeListener(
                new OnSeekBarChangeListener() {
                    int progress = 0;
                    @Override
                    public void onProgressChanged(SeekBar seekBar,
                                                  int progresValue, boolean fromUser) {
                        int val = (progress * (seekBar.getWidth() - 2 * seekBar.getThumbOffset())) / seekBar.getMax();
                        textViewStrikes.setText("Strikes: " + progress);
                        //textViewStrikes.setY(280);
                        textViewStrikes.setX(seekBar.getX() + val + seekBar.getThumbOffset() / 2);
                        progress = progresValue;
                    }

                    @Override
                    public void onStartTrackingTouch(SeekBar seekBar) {
                    }

                    @Override
                    public void onStopTrackingTouch(SeekBar seekBar) {
                        // Display the value in textview
                        textViewStrikes.setText("Strikes " + progress);
                    }

                });
        // Spares Seek Bar
        textViewSpares.setText("Spares: " + seekBarSpares.getProgress());
        seekBarSpares.setOnSeekBarChangeListener(
                new OnSeekBarChangeListener() {
                    int progress = 0;
                    @Override
                    public void onProgressChanged(SeekBar seekBar,
                                                  int progresValue, boolean fromUser) {
                        int val = (progress * (seekBar.getWidth() - 4 * seekBar.getThumbOffset())) / seekBar.getMax();
                        textViewSpares.setText("Spares: " + progress);
                        //textViewSpares.setY(460);
                        textViewSpares.setX(seekBar.getX() + val + seekBar.getThumbOffset() / 4);
                        progress = progresValue;
                    }

                    @Override
                    public void onStartTrackingTouch(SeekBar seekBar) {
                    }

                    @Override
                    public void onStopTrackingTouch(SeekBar seekBar) {
                        // Display the value in textview
                        textViewSpares.setText("Spare: "+progress );
                    }

                });
        // Splits Seek Bar
        textViewSplits.setText("Splits: " + seekBarSplits.getProgress());
        seekBarSplits.setOnSeekBarChangeListener(
                new OnSeekBarChangeListener() {
                    int progress = 0;
                    @Override
                    public void onProgressChanged(SeekBar seekBar,
                                                  int progresValue, boolean fromUser) {
                        int val = (progress * (seekBar.getWidth() - 4 * seekBar.getThumbOffset())) / seekBar.getMax();
                        textViewSplits.setText("Splits: " + progress);
                        //textViewSplits.setY(100);
                        textViewSplits.setX(seekBar.getX() + val + seekBar.getThumbOffset() / 4);
                        progress = progresValue;
                    }

                    @Override
                    public void onStartTrackingTouch(SeekBar seekBar) {
                    }

                    @Override
                    public void onStopTrackingTouch(SeekBar seekBar) {
                        // Display the value in textview
                        textViewSplits.setText("Splits: "+progress );
                    }

                });
        // Split Conversions Seek Bar
        textViewSplitConversions.setText("Split Conversions: " + seekBarSplitConversions.getProgress());
        seekBarSplitConversions.setOnSeekBarChangeListener(
                new OnSeekBarChangeListener() {
                    int progress = 0;
                    @Override
                    public void onProgressChanged(SeekBar seekBar,
                                                  int progresValue, boolean fromUser) {
                        int val = (progress * (seekBar.getWidth() - 4 * seekBar.getThumbOffset())) / seekBar.getMax();
                        textViewSplitConversions.setText("Split Conversions: " + progress);
                        //textViewSplits.setY(100);
                        textViewSplitConversions.setX(seekBar.getX() + val + seekBar.getThumbOffset() / 4);
                        progress = progresValue;
                    }

                    @Override
                    public void onStartTrackingTouch(SeekBar seekBar) {
                    }

                    @Override
                    public void onStopTrackingTouch(SeekBar seekBar) {
                        // Display the value in textview
                        textViewSplitConversions.setText("Split Conversions: "+progress );
                    }

                });
        // Open Frames Seek Bar
        textViewOpenFrames.setText("Open Frames: " + seekBarOpenFrames.getProgress());
        seekBarOpenFrames.setOnSeekBarChangeListener(
                new OnSeekBarChangeListener() {
                    int progress = 0;
                    @Override
                    public void onProgressChanged(SeekBar seekBar,
                                                  int progresValue, boolean fromUser) {
                        int val = (progress * (seekBar.getWidth() - 4 * seekBar.getThumbOffset())) / seekBar.getMax();
                        textViewOpenFrames.setText("Open Frames: " + progress);
                        //textViewSplits.setY(100);
                        textViewOpenFrames.setX(seekBar.getX() + val + seekBar.getThumbOffset() / 4);
                        progress = progresValue;
                    }

                    @Override
                    public void onStartTrackingTouch(SeekBar seekBar) {
                    }

                    @Override
                    public void onStopTrackingTouch(SeekBar seekBar) {
                        // Display the value in textview
                        textViewOpenFrames.setText("Open Frames: "+progress );
                    }

                });
    }
}

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

Я также попробовал следующий код: 

textViewScore.setText(Integer.toString(progress));
                        double pourcent = progress / (double) seekBarScore.getMax();
                        int offset = seekBar.getThumbOffset();
                        int seekWidth = seekBarScore.getWidth();
                        int val = (int) Math.round(pourcent * (seekWidth - 2 * offset));
                        int labelWidth = textViewScore.getWidth();
                        textViewScore.setX(offset + seekBarScore.getX() + val
                                - Math.round(pourcent * offset)
                                - Math.round(pourcent * labelWidth/2));

Я получил это отсюда: Добавить динамический текст поверх Android SeekBar thumb

Изображения с использованием ответа ниже:

enter image description here enter image description here enter image description here enter image description here

1 Ответ

0 голосов
/ 05 июля 2018

Попробуйте это 

Point maxSizePoint = new Point();
getWindowManager().getDefaultDisplay().getSize(maxSizePoint);
int maxX = maxSizePoint.x;
textViewScore.setX(textViewScore.getMeasuredWidth() + (val + seekBar.getThumbOffset() / 2) > maxX ? (maxX - textViewScore.getMeasuredWidth() - 16) : val + seekBar.getThumbOffset() / 2);

UPDATE

Я пробовал с одним seekbar следующим является code и output

public class MainActivity extends AppCompatActivity {
    int maxX;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        SeekBar seekBarScore = findViewById(R.id.seekBarScore);
        final TextView textViewScore = findViewById(R.id.textViewScore);
        textViewScore.setText("Split Conversions : " + seekBarScore.getProgress());
        Point maxSizePoint = new Point();
        getWindowManager().getDefaultDisplay().getSize(maxSizePoint);
        maxX = maxSizePoint.x;
        seekBarScore.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
                    @Override
                    public void onProgressChanged(SeekBar seekBar, int progressValue, boolean fromUser) {
                        int val = (progressValue * (seekBar.getWidth() - 2 * seekBar.getThumbOffset())) / seekBar.getMax();
                        textViewScore.setText("Split Conversions : " + progressValue);
                        int textViewX = val - (textViewScore.getWidth() / 2);
                        int finalX = textViewScore.getWidth() + textViewX > maxX ? (maxX - textViewScore.getWidth() - 16) : textViewX + 16/*your margin*/;
                        textViewScore.setX(finalX < 0 ? 16/*your margin*/ : finalX);
                    }

                    @Override
                    public void onStartTrackingTouch(SeekBar seekBar) {
                    }

                    @Override
                    public void onStopTrackingTouch(SeekBar seekBar) {
                    }
                });

    }
}

enter image description here

...