Sto creando una vista personalizzata che è una sorta di vista di avanzamento del cursore ad arco.Posso disegnare più o meno dell'arco in base a dove l'utente tocca (sulla x asse) calcolando lo sweep, lo faccio calcolando prima la percetage in cui l'utente ha toccato l'asse x. 0% sarebbe completamente a sinistra e 100% sarebbe tutto a destra.Custom View drawArc, rileva il tocco dell'utente sul tracciato dell'arco
Voglio fare un ulteriore passo avanti, invece di disegnare l'arco in base alla coordinata x che l'utente preme, voglio farlo muovere solo quando l'utente tocca il tracciato arco reale, quindi è più realistico . Sono ancora nuovo visualizzazioni personalizzate e le mie matematica è limitata, ma se ho alcuni suggerimenti sarei grato grazie
class ArcProgress extends View {
Context cx;
float width;
float height;
float center_x, center_y;
final RectF oval = new RectF();
final RectF touchArea = new RectF();
float sweep = 0;
float left, right;
int percent = 0;
public ArcProgress(Context context) {
super(context);
cx = context;
}
public int getPercentage() {
return percent;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
setBackgroundColor(0xfff0ebde);
width = (float) getWidth();
height = (float) getHeight();
float radius;
if (width > height) {
radius = height/3;
} else {
radius = width/3;
}
Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setColor(0xffd2c8b6);
paint.setStrokeWidth(35);
paint.setStyle(Paint.Style.STROKE);
center_x = width/2;
center_y = height/2;
left = center_x - radius;
float top = center_y - radius;
right = center_x + radius;
float bottom = center_y + radius;
oval.set(left, top, right, bottom);
//this is the background arc, it remains constant
canvas.drawArc(oval, 180, 180, false, paint);
paint.setStrokeWidth(10);
paint.setColor(0xffe0524d);
//this is the red arc whichhas its sweep argument manipulated by on touch
canvas.drawArc(oval, 180, sweep, false, paint);
}
@Override
public boolean onTouchEvent(MotionEvent event) {
if (event.getAction() == MotionEvent.ACTION_MOVE) {
float xPosition = event.getX();
float yPosition = event.getY();
if (oval.contains(xPosition, yPosition)) {
float x = xPosition - left;
float s = x * 100;
float b = s/oval.width();
percent = Math.round(b);
sweep = (180/100.0f) * (float) percent;
invalidate();
} else {
if (xPosition < left) {
percent = 0;
sweep = (180/100.0f) * (float) percent;
invalidate();
}
if (xPosition > right) {
percent = 100;
sweep = (180/100.0f) * (float) percent;
invalidate();
}
}
}
return true;
}
}
Vorrei poter scegliere 2 risposte migliori, farò clic su di voi grazie mille – brux
no preoccupazioni, felice di aiutare :) – Plato
ho cambiato idea e fatto questo corretto dal momento che ho ancora havnt completamente la mia testa intorno ma il tuo funziona il codice, sei su irc per caso? – brux