不使用位图的画布在Android
我有一个视图，我使用Canvas和Path绘制树形结构，它看起来像下面给出的那个。我绘制树的方式是一个糟糕的编码习惯，我很清楚它，但由于缺乏更好的方法，我不得不遵循这种风格。 （我没有在OpenGL中尝试过，我有点害怕尝试）。所以在树中发生的步骤如下：
- 绘制树而不使用其中的任何文本。
- 当用户被添加到树中时，叶子颜色会发生变化，并且会向其添加文本。
- 除此之外，这些叶子应该有图像而不是纯文本，这可以通过使用
drawBitmap来实现，这显然会在将来引导我进入OOM（Out Of Memory）。
所以这些是截至目前发生的步骤，当彩色叶子数量较少时（意味着用户较少），如果有更多用户，则需要至少3-4秒才能加载屏幕加载时间超过5秒，有时，由于内存消耗较多，它显示＆＃34;应用程序无响应＆＃34; 。
我不知道如何继续进行，因为向用户显示此屏幕会占用所有内存并强制我的应用关闭。
所以我完全陷入了这一点，无法继续前进，我投入了大量时间来构建这个树，所以我希望应该有办法清理内存并重新构建画布。
到目前为止我学到了什么： Android不允许再次绘制页面的一部分，因此在加载页面时必须再次重新生成整个画布。
P.S： 如果有一种方法可以使用现有代码克服内存问题，那么它高度赞赏的原因浪费的时间已经太多了，如果根本没有别的方法可以完全破坏它并从头开始那么我希望这样的方式会准确地告诉我我想要的东西。
树：
代码：
@Override
public void onDraw(Canvas canv) {
//gggggggggggg
for (CircleArea circle : mCircles) {
if(dbHelper.getRelationTypes().size() > 0)
{
//System.out.println("dbHelper.getRelationTypes().size() > 0");
//System.out.println("Inside the Spouse or Father and Mother");
CircleCanvas.spouse_added = true;
//Couples
if(circle.radius==XHDPI_COUPLE_RADIUS_LIMIT)
{
// System.out.println("if(circle.radius==70)");
if(circle.getCenterX() == my_x && circle.getCenterY() == my_y)
{
dbHelper.insertXYOfRelation("Self", circle.getCenterX(), circle.getCenterY());
if(DashboardActivity.profile_image_from_local!=null)
{
Bitmap resized = Bitmap.createScaledBitmap(DashboardActivity.profile_image_from_local, 200, 200, true);
Bitmap result = null;
try {
result = Bitmap.createBitmap(200,200, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(result);
int color = 0xff424242;
Paint paint = new Paint();
Rect rect = new Rect(0, 0, 200, 200);
//RectF rectF = new RectF(rect);
paint.setAntiAlias(true);
canvas.drawARGB(0, 0, 0, 0);
paint.setColor(color);
canvas.drawCircle(XHDPI_COUPLE_RADIUS_LIMIT, XHDPI_COUPLE_RADIUS_LIMIT, XHDPI_COUPLE_RADIUS_LIMIT, paint);
//canvas.drawOval(rectF, paint);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
canvas.drawBitmap(resized, rect, rect, paint);
} catch (NullPointerException e) {
} catch (OutOfMemoryError o) {
}
System.out.println("Inside Me");
canv.drawBitmap(result, circle.getCenterX() - result.getWidth() / 3, circle.getCenterY() - result.getHeight() / 3, null);
}
else if(DashboardActivity.profile_image!=null)
{
Bitmap resized = Bitmap.createScaledBitmap(DashboardActivity.profile_image, 200, 200, true);
Bitmap result = null;
try {
result = Bitmap.createBitmap(200,200, Bitmap.Config.ARGB_8888);
Canvas canvas = new Canvas(result);
int color = 0xff424242;
Paint paint = new Paint();
Rect rect = new Rect(0, 0, 200, 200);
//RectF rectF = new RectF(rect);
paint.setAntiAlias(true);
canvas.drawARGB(0, 0, 0, 0);
paint.setColor(color);
canvas.drawCircle(XHDPI_COUPLE_RADIUS_LIMIT, XHDPI_COUPLE_RADIUS_LIMIT, XHDPI_COUPLE_RADIUS_LIMIT, paint);
//canvas.drawOval(rectF, paint);
paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
canvas.drawBitmap(resized, rect, rect, paint);
} catch (NullPointerException e) {
} catch (OutOfMemoryError o) {
}
System.out.println("Inside Me");
canv.drawBitmap(result, circle.getCenterX() - result.getWidth() / 3, circle.getCenterY() - result.getHeight() / 3, null);
}
else
{
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), XHDPI_COUPLE_RADIUS_LIMIT, mMarriedPaint);
canv.drawText(dbHelper.getNameOfRelation("Self"), circle.getCenterX() - 34, circle.getCenterY(), mXHDPICoupleTextPaint);
Log.e("Ondraw Self", "Ondraw Self");
}
}
else
{
if(dbHelper.getWhatRelationTypes("Spouse"))
{
// System.out.println("Inside Spouse");
dbHelper.insertXYOfRelation("Spouse",circle.getCenterX(),circle.getCenterY());
Log.e("Spouseeeeeeee ", "" + circle.getCenterX() + " " + circle.getCenterY() + dbHelper.insertXYOfRelation("Spouse", circle.getCenterX(), circle.getCenterY()));
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), XHDPI_COUPLE_RADIUS_LIMIT, mMarriedPaint);
canv.drawText(dbHelper.getNameOfRelation("Spouse"), circle.getCenterX() - 34, circle.getCenterY(), mXHDPICoupleTextPaint);
}
else
{
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), XHDPI_COUPLE_RADIUS_LIMIT, mFilledPaint);
Log.e("Ondraw Spouse", "Ondraw Spouse");
}
}
}
//Parents
if(circle.radius==XHDPI_PARENTS_RADIUS_LIMIT)
{
// System.out.println("if(circle.radius==55)");
if(circle.getCenterX() == father_x && circle.getCenterY() == father_y)
{
if(dbHelper.getWhatRelationTypes("Father"))
{
dbHelper.insertXYOfRelation("Father", circle.getCenterX(), circle.getCenterY());
// System.out.println("Inside Father" + "X : " + dbHelper.getXOfRelation("Father") + " Y: " +dbHelper.getYOfRelation("Father"));
canv.drawCircle(dbHelper.getXOfRelation("Father"),dbHelper.getYOfRelation("Father"), XHDPI_PARENTS_RADIUS_LIMIT, mMarriedPaint);
canv.drawText(dbHelper.getNameOfRelation("Father"), circle.getCenterX() - 22, circle.getCenterY(), mXHDPIParentsTextPaint);
}
else
{
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), XHDPI_PARENTS_RADIUS_LIMIT, mFilledPaint);
Log.e("Ondraw Father", "Ondraw Father");
}
}else if(circle.getCenterX() == mother_x && circle.getCenterY() == mother_y)
{
if(dbHelper.getWhatRelationTypes("Mother"))
{
// System.out.println("Inside Mother");
dbHelper.insertXYOfRelation("Mother", circle.getCenterX(), circle.getCenterY());
canv.drawCircle(dbHelper.getXOfRelation("Mother"), dbHelper.getYOfRelation("Mother"), XHDPI_PARENTS_RADIUS_LIMIT, mMarriedPaint);
canv.drawText(dbHelper.getNameOfRelation("Mother"), circle.getCenterX() - 22, circle.getCenterY(), mXHDPIParentsTextPaint);
}
else
{
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), XHDPI_PARENTS_RADIUS_LIMIT, mFilledPaint);
Log.e("Ondraw Mother", "Ondraw Mother");
}
}else if(circle.getCenterX() == spouse_father_x && circle.getCenterY() == spouse_father_y)
{
if(dbHelper.getWhatRelationTypes("Spouses Father"))
{
// System.out.println("Inside Spouses Father");
dbHelper.insertXYOfRelation("Spouses Father", circle.getCenterX(), circle.getCenterY());
canv.drawCircle(dbHelper.getXOfRelation("Spouses Father"), dbHelper.getYOfRelation("Spouses Father"), XHDPI_PARENTS_RADIUS_LIMIT, mMarriedPaint);
canv.drawText(dbHelper.getNameOfRelation("Spouses Father"), circle.getCenterX() - 22, circle.getCenterY(), mXHDPIParentsTextPaint);
}
else
{
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), XHDPI_PARENTS_RADIUS_LIMIT, mFilledPaint);
Log.e("Ondraw Spouses Father", "Ondraw Spouses Father");
}
}else if(circle.getCenterX() == spouse_mother_x && circle.getCenterY() == spouse_mother_y)
{
if(dbHelper.getWhatRelationTypes("Spouses Mother"))
{
dbHelper.insertXYOfRelation("Spouses Mother", circle.getCenterX(), circle.getCenterY());
canv.drawCircle(dbHelper.getXOfRelation("Spouses Mother"), dbHelper.getYOfRelation("Spouses Mother"), XHDPI_PARENTS_RADIUS_LIMIT, mMarriedPaint);
canv.drawText(dbHelper.getNameOfRelation("Spouses Mother"), circle.getCenterX() - 22, circle.getCenterY(), mXHDPIParentsTextPaint);
}
else
{
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), XHDPI_PARENTS_RADIUS_LIMIT, mFilledPaint);
Log.e("Ondraw Spouses Mother", "Ondraw Spouses Mother");
}
}
}
//Childrens
if (circle.radius == XHDPI_CHILD_RADIUS_LIMIT) {
if (dbHelper.FetchChildFriendCountFromUserTable("Child").size() > 0) {
child_x.clear();
child_y.clear();
child_x.add(c1_x);
child_x.add(c2_x);
child_x.add(c3_x);
child_x.add(c4_x);
child_x.add(c5_x);
child_y.add(c1_y);
child_y.add(c2_y);
child_y.add(c3_y);
child_y.add(c4_y);
child_y.add(c5_y);
for (int r = 0; r < dbHelper.FetchChildFriendCountFromUserTable("Child").size(); r++) {
if(dbHelper.FetchChildFriendCountFromUserTable("Child").get(r).equalsIgnoreCase("Child1"))
{
new_c_x = c1_x;
new_c_y = c1_y;
dbHelper.insertChildOriginalXY("Child1", new_c_x, new_c_y);
dbHelper.insertXYOfRelation("Child1", new_c_x, new_c_y);
child_x.remove(new Integer(c1_x));
child_y.remove(new Integer(c1_y));
canv.drawCircle(dbHelper.getXOfRelation("Child1"), dbHelper.getYOfRelation("Child1"), XHDPI_DRAWN_CHILD_RADIUS_LIMIT, mChildFilledPaint);
canv.drawText(dbHelper.getNameOfRelation("Child1"), dbHelper.getXOfRelation("Child1") - 14, dbHelper.getYOfRelation("Child1"), mXHDPIChildTextPaint);
}else if(dbHelper.FetchChildFriendCountFromUserTable("Child").get(r).equalsIgnoreCase("Child2"))
{
new_c_x = c2_x;
new_c_y = c2_y;
child_x.remove(new Integer(c2_x));
child_y.remove(new Integer(c2_y));
dbHelper.insertChildOriginalXY("Child2", new_c_x, new_c_y);
dbHelper.insertXYOfRelation("Child2", new_c_x, new_c_y);
canv.drawCircle(dbHelper.getXOfRelation("Child2"), dbHelper.getYOfRelation("Child2"), XHDPI_DRAWN_CHILD_RADIUS_LIMIT, mChildFilledPaint);
canv.drawText(dbHelper.getNameOfRelation("Child2"), dbHelper.getXOfRelation("Child2") - 14, dbHelper.getYOfRelation("Child2"), mXHDPIChildTextPaint);
}else if(dbHelper.FetchChildFriendCountFromUserTable("Child").get(r).equalsIgnoreCase("Child3"))
{
new_c_x = c3_x;
new_c_y = c3_y;
child_x.remove(new Integer(c3_x));
child_y.remove(new Integer(c3_y));
dbHelper.insertChildOriginalXY("Child3", new_c_x, new_c_y);
dbHelper.insertXYOfRelation("Child3", new_c_x, new_c_y);
canv.drawCircle(dbHelper.getXOfRelation("Child3"), dbHelper.getYOfRelation("Child3"), XHDPI_DRAWN_CHILD_RADIUS_LIMIT, mChildFilledPaint);
canv.drawText(dbHelper.getNameOfRelation("Child3"), dbHelper.getXOfRelation("Child3") - 14, dbHelper.getYOfRelation("Child3"), mXHDPIChildTextPaint);
}else if(dbHelper.FetchChildFriendCountFromUserTable("Child").get(r).equalsIgnoreCase("Child4"))
{
new_c_x = c4_x;
new_c_y = c4_y;
child_x.remove(new Integer(c4_x));
child_y.remove(new Integer(c4_y));
dbHelper.insertChildOriginalXY("Child4", new_c_x, new_c_y);
dbHelper.insertXYOfRelation("Child4", new_c_x, new_c_y);
canv.drawCircle(dbHelper.getXOfRelation("Child4"), dbHelper.getYOfRelation("Child4"), XHDPI_DRAWN_CHILD_RADIUS_LIMIT, mChildFilledPaint);
canv.drawText(dbHelper.getNameOfRelation("Child4"), dbHelper.getXOfRelation("Child4") - 14, dbHelper.getYOfRelation("Child4"), mXHDPIChildTextPaint);
}else if(dbHelper.FetchChildFriendCountFromUserTable("Child").get(r).equalsIgnoreCase("Child5"))
{
new_c_x = c5_x;
new_c_y = c5_y;
child_x.remove(new Integer(c5_x));
child_y.remove(new Integer(c5_y));
dbHelper.insertChildOriginalXY("Child5", new_c_x, new_c_y);
dbHelper.insertXYOfRelation("Child5", new_c_x, new_c_y);
canv.drawCircle(dbHelper.getXOfRelation("Child5"), dbHelper.getYOfRelation("Child5"), XHDPI_DRAWN_CHILD_RADIUS_LIMIT, mChildFilledPaint);
canv.drawText(dbHelper.getNameOfRelation("Child5"), dbHelper.getXOfRelation("Child5") - 14, dbHelper.getYOfRelation("Child5"), mXHDPIChildTextPaint);
}
}
if(child_x.size()!=0)
{
for(int i=0;i<child_x.size();i++)
{
canv.drawCircle(child_x.get(i),child_y.get(i),XHDPI_CHILD_RADIUS_LIMIT,mCirclePaint);
}
}
} else {
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), XHDPI_CHILD_RADIUS_LIMIT, mCirclePaint);
}
}
//Friends
if (circle.radius==FRIENDS_RADIUS_LIMIT)
{
//tujomila
if(dbHelper.FetchChildFriendCountFromUserTable("Friend").size() > 0)
{
// Log.e("","The friend list size is " + dbHelper.getFriendRelationTypes().size());
// Log.e("","The size of circlepointers is " + circle_pointers);
for (int q=1;q<=dbHelper.FetchChildFriendCountFromUserTable("Friend").size();q++)
{
//Log.e("","The X of friend" + q + " is " + dbHelper.getFriendCorrespondingXValue(q,"Married")) ;
//Log.e("","The Y of friend" + q + " is " + dbHelper.getFriendCorrespondingYValue(q,"Married")) ;
canv.drawCircle(dbHelper.getFriendCorrespondingXValue(q,"Married"),dbHelper.getFriendCorrespondingYValue(q,"Married"),FRIENDS_RADIUS_LIMIT,mChildFilledPaint);
canv.drawText(dbHelper.getNameOfRelation("Friend" + q), dbHelper.getXOfRelation("Friend" + q) - 17, dbHelper.getYOfRelation("Friend"+q), mXHDPIFriendTextPaint);
dbHelper.insertXYOfRelation("Friend" + q, dbHelper.getFriendCorrespondingXValue(q,"Married"), dbHelper.getFriendCorrespondingYValue(q,"Married"));
friend_x.add(dbHelper.getFriendCorrespondingXValue(q,"Married"));
friend_y.add(dbHelper.getFriendCorrespondingYValue(q,"Married"));
}
for(int w=dbHelper.FetchChildFriendCountFromUserTable("Friend").size()+ 1;w<=34;w++) {
// Log.e("Pointer is " + w,"The X value at w is " + dbHelper.getFriendCorrespondingXValue(w,"Married") + " The Y value at w is " + dbHelper.getFriendCorrespondingYValue(w,"Married"));
canv.drawCircle(dbHelper.getFriendCorrespondingXValue(w,"Married"),dbHelper.getFriendCorrespondingYValue(w,"Married"), FRIENDS_RADIUS_LIMIT, mCirclePaint);
}
}
else
{
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), FRIENDS_RADIUS_LIMIT, mCirclePaint);
}
}
}
else
{
//System.out.println("Else of CircleCanvas.member_type!=null");
if (circle.radius == FRIENDS_RADIUS_LIMIT) {
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), FRIENDS_RADIUS_LIMIT, mCirclePaint);
}else if (circle.radius == XHDPI_CHILD_RADIUS_LIMIT) {
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), XHDPI_CHILD_RADIUS_LIMIT, mCirclePaint);
} else if (circle.radius == XHDPI_PARENTS_RADIUS_LIMIT) {
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), XHDPI_PARENTS_RADIUS_LIMIT, mFilledPaint);
} else {
canv.drawCircle(circle.getCenterX(), circle.getCenterY(), XHDPI_COUPLE_RADIUS_LIMIT, mMarriedPaint);
}
}
}
}
}
1 个答案:
答案 0 :(得分：1)
我看到了你的代码。因此，您使用View绘制所有已填充的圆圈。 onDraw方法因计算和对象实例化而过载。我建议您从onDraw方法中删除尽可能多的内容。如果可以在构造View期间执行计算，则在构造函数中执行，而不是在onDraw中执行。您需要尽可能保持onDraw。
现在这是一个很好的设计吗？在您的情况下使用View并不是一个好主意，因为单个更改将重绘整个视图。相反，我建议您创建一个自定义ViewGroup，并将所有这些filled circles作为孩子。这样，当一个圆圈的颜色或文字发生变化时，您不需要重绘整个屏幕。
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？