我想绘制一个纯动态 View ，如下图所示
我有两个arraylist
List<String> type and List<Float> level;
类型具有名称(max，type1，type2等)，并且级具有类型的标记值
级将始终位于0到1之间，并且类型的将是一个字符串，级和类型的值都将来自服务器。我们有两个固定标签-最小和最大。
假设我从服务器得到的最小值为.4，最大值为.5，则所有类型(type1，type2，type3等)都位于.4和.5之间。然后，所有其余类型都应像弯曲的行一样排列，但是如果我们得到的最小值为.001，最大值为.9，则我们有足够的空间来显示其余标签，在这种情况下，我们无需显示通过弯曲的线条或标记。但我不知道如何实现或从哪里开始。任何帮助将不胜感激。在此先感谢所有人。
如果上面的设计有点复杂，那么请给我一些引用或链接以实现下面的设计。
如果我能够做这个更简单的操作(上图)，那将是一个极大的帮助。
我已经尝试过以下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);
}
});
}
我的内部类绘制 View 在下面
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);
}
}
我的XML设计如下
<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>
通过上面的代码，我正在屏幕下方，所以它不合适。我在这里想念的是什么？请建议我如何向上移动抽屉？
最佳答案
在这种情况下，我将使用带有自定义onDraw的自定义 View :
那是，
public class myView extended View {
public myView(Context ctx) {
super(ctx);
init();
}
public void init(){
paint = new Paint();
}
@Override
protected void onDraw(Canvas canvas) {
// TODO Auto-generated method stub
super.onDraw(canvas);
//loop here
canvas.drawLine(0, 0, 20, 20, paint);//your some positions.
canvas.drawRect(....)
canvas.drawText(...)
}
}
编辑
对于第二个示例:
init() {
//rectangle background
mBGPaint = new Paint();
mBGPaint.setColor(0xFF0000FF);
//your text
mTXTPaint = new Paint();
mTXTPaint.setColor(0xFFFFFFFF);
//your line
mLINEPaint = new Paint();
mLINEPaint.setColor(0xFFFF00FF);
//rectangle border
mBRDPaint = new Paint();
mBRDPaint.setStyle(Style.STROKE);
mBRDPaint.setStrokeWidth(10);
mBRDPaint.setColor(0xFFFFFF00);
}
onDraw(...) {
//draw rect
canvas.drawRect(100,100,200,200,mBGPaint);
//draw rect border
canvas.drawRect(100,100,200,200,mBRDPaint);
//draw text
canvas.drawRect(100,100,mTXTPaint);
//draw line
canvas.drawLine(50, 150, 100, 150, mLINEPaint);
}
关于android - 使用动态数据创建 "L"形状的曲线，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34961002/