Cree una línea curva en forma de "L" con datos dinámicos
Quiero dibujar una vista dinámica pura como la imagen de abajo
Tengo dos arraylist
List<String> type and List<Float> level;
tipo tenernombre(max, type1, type2, etc.) ynivel tenervalor marcador de tipo
nivel siempre estará entre 0 y 1 ytipo será una cadena, valor de ambosnivel ytipo vendrá del servidor. Tenemos dos etiquetas fijas:min ymax.
Supongamos que obtuve .4 para min y .5 para max del servidor y luego todotipo(type1, type2, type3, etc.) estará entre .4 y .5. Entonces todo el resto detipos debe organizarse como una línea torcida, pero si obtenemos un valor para min .001 y para max .9, entonces tenemos suficiente espacio para mostrar el resto de etiquetas, en ese caso no necesitamos mostrar por línea torcida o marcador. Pero no tengo idea de cómo lograrlo o de dónde puedo comenzar. Cualquier ayuda será muy apreciada. Gracias de antemano a todos.
Si el diseño anterior es un poco complejo, por favor, dame alguna referencia o enlace para lograr el diseño a continuación.
Sería un gran favor si puedo hacer esto más simple (imagen de arriba).
He intentado debajo del código en el bloque onCreate ().
ViewTreeObserver viewTreeObserver = viewbar.getViewTreeObserver();
if (viewTreeObserver.isAlive()) {
viewTreeObserver.addOnGlobalLayoutListener(new OnGlobalLayoutListener() {
@SuppressLint({ "NewApi", "ResourceAsColor" })
@Override
public void onGlobalLayout() {
viewbar.getViewTreeObserver().removeOnGlobalLayoutListener(this);
viewWidth = viewbar.getWidth();
viewHeight = viewbar.getHeight();
DefineType definetype = new DefineType();
float maxvalue = Collections.max(definetype.frameCalLevels);
float minvalue = Collections.min(definetype.frameCalLevels);
min.setText(definetype.frameCalType.get(0).toString());
max.setText(definetype.frameCalType.get(4).toString());
float density = getApplicationContext().getResources().getDisplayMetrics().density;
int[] posXY = new int[2];
viewbar.getLocationOnScreen(posXY);
int x = posXY[0];
int y = posXY[1];
DrawView drawView;
drawView = new DrawView(MainActivity.this, x, y,density);
//drawView.setBackgroundColor(Color.WHITE);
drawView.setX((float)((x*density/160))+viewWidth+180);
drawView.setX((float) ((float)((y*density/160))));
drawView.invalidate();
ll.addView(drawView);
}
});
}
y mi clase interna para dibujar la vista está debajo
class DrawView extends View {
Paint paint = new Paint();
float mx, my, mdensity;
Paint mBGPaint, mTXTPaint,mLINEPaint,mBRDPaint;
public DrawView(Context context, float x, float y, float density) {
super(context);
paint.setColor(Color.RED);
paint.setStrokeWidth(8);
paint.setStyle(Paint.Style.STROKE);
mx = x;
my = y;
mdensity = density;
}
@Override
public void onDraw(Canvas canvas) {
super.onDraw(canvas);
init();
mLINEPaint.setStrokeWidth(8);
//draw rect
canvas.drawRect(100,100,200,200,mBGPaint);
//draw rect border
canvas.drawRect(100,100,200,200,mBRDPaint);
//draw text
canvas.drawText("min", 250, 460, mTXTPaint);
//draw line
canvas.drawLine(50, 150, 100, 150, mLINEPaint);
}
@SuppressLint("ResourceAsColor")
public void init() {
//rectangle background
mBGPaint = new Paint();
mBGPaint.setColor(0xFF0000FF);
//your text
mTXTPaint = new Paint();
mTXTPaint.setColor(android.R.color.holo_blue_light);
//your line
mLINEPaint = new Paint();
mLINEPaint.setColor(0xFFFF00FF);
//rectangle border
mBRDPaint = new Paint();
mBRDPaint.setStyle(Paint.Style.STROKE);
mBRDPaint.setStrokeWidth(10);
mBRDPaint.setColor(0xFFFFFF00);
}
}
Mi diseño XML está debajo
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical"
android:id="@+id/ll">
<View
android:id="@+id/view"
android:layout_width="70dp"
android:layout_height="300dp"
android:layout_marginTop="40dp"
android:layout_marginLeft="10dp"
android:orientation="vertical"
android:background="@drawable/rect" >
</View>
</LinearLayout>
Por el código anterior, me aparece debajo de la pantalla, por lo que no es apropiado. ¿Qué me estoy perdiendo aquí? ¿Me sugiere cómo mover nuestro cajón hacia arriba?