Fatal编程技术网
  • android/
  • Android 突出显示文本视图onTouch

Android 突出显示文本视图onTouch

android animation

Android 突出显示文本视图onTouch,android,animation,textview,uigesturerecognizer,ontouchlistener,Android,Animation,Textview,Uigesturerecognizer,Ontouchlistener,我正在尝试在gif图像中实现类似的功能。有什么建议吗？ 我已将OnTouchListener设置为包含文本视图的父布局。检测触摸事件的方向。但我被困在如何根据手指滑动不断改变文本视图的背景上 <LinearLayout android:id="@+id/grades" android:layout_width="match_parent" android:layout_height="wrap_content" android:la

我正在尝试在gif图像中实现类似的功能。有什么建议吗？ 我已将OnTouchListener设置为包含文本视图的父布局。检测触摸事件的方向。但我被困在如何根据手指滑动不断改变文本视图的背景上

 <LinearLayout
       android:id="@+id/grades"
       android:layout_width="match_parent"
       android:layout_height="wrap_content"
       android:layout_marginTop="10dp"
       android:orientation="horizontal"
       android:weightSum="15">

        <TextView
           android:id="@+id/txt_1"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:padding="3dp"
           android:text="1"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_2"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:gravity="center"
           android:padding="3dp"
           android:text="2"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_3"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:padding="3dp"
           android:text="3"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_4"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:padding="3dp"
           android:text="4"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_5"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:padding="3dp"
           android:text="5"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_6"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:padding="3dp"
           android:text="6"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_7"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:padding="3dp"
           android:text="7"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_8"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:padding="3dp"
           android:text="8"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_9"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:padding="3dp"
           android:text="9"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_10"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:padding="3dp"
           android:text="10"
           android:maxLines="1"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_11"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:padding="3dp"
           android:text="11"
           android:maxLines="1"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_12"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:padding="3dp"
           android:text="12"
           android:maxLines="1"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_13"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:padding="3dp"
           android:text="13"
           android:maxLines="1"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_14"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:maxLines="1"
           android:padding="3dp"
           android:text="14"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />

        <TextView
           android:id="@+id/txt_15"
           android:layout_width="wrap_content"
           android:layout_height="wrap_content"
           android:layout_gravity="center"
           android:layout_marginLeft="2dp"
           android:layout_weight="1"
           android:background="@color/colorPrimary"
           android:maxLines="1"
           android:padding="3dp"
           android:text="15"
           android:textAlignment="center"
           android:textColor="@color/colorPrimaryDark" />


    </LinearLayout>


public class OnSwipeTouchListener implements OnTouchListener {

public final GestureDetector gestureDetector;
public OnSwipeTouchListener (Context ctx){
    gestureDetector = new GestureDetector(ctx, new GestureListener());
}

@Override
public boolean onTouch(View view, MotionEvent motionEvent) {
    return false;
}

private final class GestureListener extends SimpleOnGestureListener {

    private static final int SWIPE_THRESHOLD = 100;
    private static final int SWIPE_VELOCITY_THRESHOLD = 100;

    @Override
    public boolean onDown(MotionEvent e) {
        return true;
    }

    @Override
    public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) {
        boolean result = false;
        try {
            float diffY = e2.getY() - e1.getY();
            float diffX = e2.getX() - e1.getX();
            if (Math.abs(diffX) > Math.abs(diffY)) {
                if (Math.abs(diffX) > SWIPE_THRESHOLD && Math.abs(velocityX) > SWIPE_VELOCITY_THRESHOLD) {
                    if (diffX > 0) {
                        onSwipeRight();
                    } else {
                        onSwipeLeft();
                    }
                }
                result = true;
            }
            else if (Math.abs(diffY) > SWIPE_THRESHOLD && Math.abs(velocityY) > SWIPE_VELOCITY_THRESHOLD) {
                if (diffY > 0) {
                    onSwipeBottom();
                } else {
                    onSwipeTop();
                }
            }
            result = true;

        } catch (Exception exception) {
            exception.printStackTrace();
        }
        return result;
    }
}

public void onSwipeRight() {
}

public void onSwipeLeft() {
}

public void onSwipeTop() {
}

public void onSwipeBottom() {
}}

public class ExamSubjectsActivity extends BaseActivity {
private ActivityExamsSubjectsBinding binding;

LinearLayout myLayout;
MotionEvent mMotionEvent;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    binding = DataBindingUtil.setContentView(this, R.layout.activity_exams_subjects);
    myLayout = binding.grades;




    myLayout.setOnTouchListener(new OnSwipeTouchListener(this) {
        public void onSwipeTop() {
            Toast.makeText(ExamSubjectsActivity.this, "top", Toast.LENGTH_SHORT).show();

        }
        public void onSwipeRight() {
            Toast.makeText(ExamSubjectsActivity.this, "right", Toast.LENGTH_SHORT).show();
            for (int i = 0; i < myLayout.getChildCount(); i++) {

                View view = myLayout.getChildAt(i);
                Rect outRect = new Rect(view.getLeft(), view.getTop(), view.getRight(), view.getBottom());
                if (outRect.contains((int) mMotionEvent.getX(), (int) mMotionEvent.getY())) {
                    view.setBackgroundColor(ContextCompat.getColor(ExamSubjectsActivity.this, R.color.prime_orange));
                }

            }
        }
        public void onSwipeLeft() {
            Toast.makeText(ExamSubjectsActivity.this, "left", Toast.LENGTH_SHORT).show();
            for (int i = 0; i < myLayout.getChildCount(); i++) {

                View view = myLayout.getChildAt(i);
                Rect outRect = new Rect(view.getLeft(), view.getTop(), view.getRight(), view.getBottom());
                if (outRect.contains((int) mMotionEvent.getX(), (int) mMotionEvent.getY())) {
                    view.setBackgroundColor(ContextCompat.getColor(ExamSubjectsActivity.this, R.color.white));
                }

            }
        }
        public void onSwipeBottom() {
            Toast.makeText(ExamSubjectsActivity.this, "bottom", Toast.LENGTH_SHORT).show();
        }

        public boolean onTouch(View v, MotionEvent event) {

            return gestureDetector.onTouchEvent(event);
        }
    });


}

公共类ExamSubjectsActivity扩展了BaseActivity{
私有活动ExamSubjectsBinding绑定；
线性布局我的布局；
运动事件；
@凌驾
创建时受保护的void（Bundle savedInstanceState）{
super.onCreate（savedInstanceState）；
binding=DataBindingUtil.setContentView（this，R.layout.activity\u考试\u科目）；
myLayout=binding.grades；
myLayout.setOnTouchListener（新OnSwipeTouchListener（此）{
公共void onswiptop（）{
Toast.makeText（ExamSubjectsActivity.this，“top”，Toast.LENGTH_SHORT）.show（）；
}
公共权利{
Toast.makeText（ExamSubjectsActivity.this，“right”，Toast.LENGTH_SHORT.show（）；
对于（int i=0；i
我的建议是使用SeekBar为此，只需移除透明SeekBar的手柄，就可以在后台设置textview，在进度更新时可以更改textview颜色

差不多

<RelativeLayout >
    <LinerLayout  orientation= horizontal>
        <Textview1/>
         .
         .
       <TextviewN/>
    <LinerLayout/>

   <SeekBar>
   <SeekBar/>

<RelativeLayout />


.
.
希克巴尔·利斯特纳

ArrayList<TextView> textviewList = new ArrayList<TextView>();
//put your all textview in this ArrayList okkkk
seekbar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
        @Override
        public void onProgressChanged(SeekBar seekBar, int progress, boolean b) {
           updateView(progress);
        }

        @Override
        public void onStartTrackingTouch(SeekBar seekBar) {

        }

        @Override
        public void onStopTrackingTouch(SeekBar seekBar) {

        }
    });

    public void updateView(int progress){   
       for(int i=0;i<textviewList.size();i++){            
          if(i<progress){
             textviewList.get(i).setBackgroundColor(yourSelectedColor);         
          }else{
             textviewList.get(i).setBackgroundColor(yourUnSelectedColor);          
          }
       }    
    }

ArrayList textviewList=新建ArrayList（）；
//将您的所有文本视图放入此阵列列表OKKK
seekbar.setOnSeekbarchaneListener（新的seekbar.onSeekbarchaneListener（）{
@凌驾
public void onProgressChanged（SeekBar-SeekBar、int-progress、布尔b）{
更新视图（进度）；
}
@凌驾
开始跟踪触摸时的公共无效（SeekBar SeekBar）{
}
@凌驾
TopTrackingTouch（SeekBar SeekBar）上的公共无效{
}
});
public void updateView（int progress）{
对于（int i=0；i

创建对象扩展视图以执行此操作


import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.util.DisplayMetrics;
import android.view.MotionEvent;
import android.view.View;

/**
 * Created by rajesh.zhu on 2017/9/27.
 */

public class TextSeekBar extends View {
    private int padding = 3;
    private int mWidth = 0;
    private int mHeight = 0;
    private float rectWidth = 0F;
    private int totalIndex = 15;
    private int currentIndex = 0;

    private Paint normalPaint;
    private Paint selectPaint;
    private OnSeekBarChangeListener onSeekBarChangeListener;

    public TextSeekBar(Context context) {
        this(context, null);
    }

    public TextSeekBar(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public TextSeekBar(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context);
    }

    private void init(Context context) {
        DisplayMetrics metric = context.getResources().getDisplayMetrics();
        mWidth = metric.widthPixels;

        normalPaint = new Paint();
        normalPaint.setColor(0xFFFFFFFF);
        normalPaint.setTextSize(15);
        normalPaint.setAntiAlias(true);
        normalPaint.setTextAlign(Paint.Align.CENTER);

        selectPaint = new Paint();
        selectPaint.setColor(0xFFFD8900);
        selectPaint.setTextSize(15);
        selectPaint.setAntiAlias(true);
        selectPaint.setTextAlign(Paint.Align.CENTER);
    }

    @Override
    protected synchronized void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        rectWidth = (float) (mWidth) / (float) totalIndex;
        mHeight = (int) rectWidth;
        setMeasuredDimension(mWidth, mHeight);
    }

    @Override
    protected synchronized void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        for (int i = 0; i < totalIndex; i++) {
            int left = (int) (i * rectWidth) + padding;
            int top = padding;
            int right = (int) ((i + 1) * rectWidth) - padding;
            int bottom = mHeight - padding;
            Rect targetRect = new Rect(left, top, right, bottom);

            if (i <= currentIndex) {
                canvas.drawRect(targetRect, selectPaint);
                Paint.FontMetricsInt fontMetrics = normalPaint.getFontMetricsInt();
                int baseline = (targetRect.bottom + targetRect.top - fontMetrics.bottom - fontMetrics.top) / 2;
                canvas.drawText(String.valueOf(i + 1), targetRect.centerX(), baseline, normalPaint);

            } else {
                canvas.drawRect(targetRect, normalPaint);
                Paint.FontMetricsInt fontMetrics = selectPaint.getFontMetricsInt();
                int baseline = (targetRect.bottom + targetRect.top - fontMetrics.bottom - fontMetrics.top) / 2;
                canvas.drawText(String.valueOf(i + 1), targetRect.centerX(), baseline, selectPaint);
            }
        }
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
            case MotionEvent.ACTION_DOWN: {
                setCurrIndex(event);
                if (onSeekBarChangeListener != null) {
                    onSeekBarChangeListener.onProgressStart(currentIndex + 1);
                }
                break;
            }
            case MotionEvent.ACTION_MOVE: {
                setCurrIndex(event);
                if (onSeekBarChangeListener != null) {
                    onSeekBarChangeListener.onProgressMoving(currentIndex + 1);
                }
                break;
            }
            case MotionEvent.ACTION_UP: {
                setCurrIndex(event);
                if (onSeekBarChangeListener != null) {
                    onSeekBarChangeListener.onProgressChanged(currentIndex + 1);
                }
                break;
            }
        }
        return true;
    }

    private void setCurrIndex(MotionEvent event) {
        int downX = validPositionX((int) event.getX());
        currentIndex = downX / (int) rectWidth;
        invalidate();
    }

    private int validPositionX(int mDownX) {
        if (mDownX < 0) {
            mDownX = 0;
        }
        if (mDownX > mWidth) {
            mDownX = mWidth;
        }
        return mDownX;
    }

    public void setOnSeekBarChangeListener(OnSeekBarChangeListener onSeekBarChangeListener) {
        this.onSeekBarChangeListener = onSeekBarChangeListener;
    }

    public interface OnSeekBarChangeListener {
        void onProgressStart(int index);

        void onProgressMoving(int index);

        void onProgressChanged(int index);
    }
}


以下是activity_main.xml：


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/seek_info"
        android:layout_width="match_parent"
        android:layout_height="44dp"
        android:layout_marginTop="40dp" />

    <com.rajesh.customcamera.view.TextSeekBar
        android:id="@+id/seek"
        android:layout_width="match_parent"
        android:layout_height="40dp" />

</LinearLayout>



我正在尝试实现一些东西……您的代码在哪里？@bub，问题已更新，谢谢！

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/seek_info"
        android:layout_width="match_parent"
        android:layout_height="44dp"
        android:layout_marginTop="40dp" />

    <com.rajesh.customcamera.view.TextSeekBar
        android:id="@+id/seek"
        android:layout_width="match_parent"
        android:layout_height="40dp" />

</LinearLayout>