使用画布和框架布局绘制圈子android

我想创建一个应用程序，每次点击一个按钮时都会显示一个圆圈。我的布局看起来不错，但是当我点击按钮（圆圈）在屏幕上显示一个圆时，什么也没有发生。我不相信我的绘画圈课在我的主要活动中被正确调用。以下是我的代码如下。使用画布和框架布局绘制圈子android

package com.example.randomcircles; 

import android.annotation.SuppressLint; 
import android.app.Activity; 
import android.graphics.Canvas; 
import android.graphics.Paint; 
import android.os.Bundle; 
import android.view.View; 
import android.widget.Button; 
import android.widget.FrameLayout; 

public class DisplayRandomCircles extends Activity 
{ 
    DrawCircle c; 
    Canvas d; 
    @Override 
public void onCreate(Bundle b) 
{ 
    super.onCreate(b); 
    setContentView(R.layout.activity_display_random_circles); 
    Button btn1 = (Button) findViewById(R.id.btn1); 
    Button btn2 = (Button) findViewById(R.id.btn2); 
    c = new DrawCircle(getApplicationContext()); 
    d = new Canvas(); 
    FrameLayout f1 = (FrameLayout) findViewById(R.id.frame); 

} 
@SuppressLint("WrongCall") 
public void doit(View v) 
{ 
    switch (v.getId()) 
    { 
     case (R.id.btn1): 
      c.onDraw(d); 
      break; 

     case (R.id.btn2): 
      break; 
    } 
} 
}

这里是我画圆类

package com.example.randomcircles; 

import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Color; 
import android.graphics.Paint; 
import android.view.View; 

public class DrawCircle extends View 
{ 
public DrawCircle(Context con) 
{ 
    super(con); 
} 
@Override 
protected void onDraw(Canvas c) 
{ 
    super.onDraw(c); 
    Paint p = new Paint(Paint.ANTI_ALIAS_FLAG); 
    p.setAntiAlias(true); 
    p.setStyle(Paint.Style.STROKE); 
    p.setStrokeWidth(100); 
    p.setColor(Color.RED); 
    p.setStyle(Paint.Style.FILL); 
    c.drawCircle(75, 75, 100, p); 
} 
}

而且我的布局XML

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
android:layout_width="match_parent" 
android:layout_height="match_parent" 
android:orientation="vertical" > 

<FrameLayout 
    android:id="@+id/frame" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:layout_weight=".75" 
    android:orientation="vertical" > 


</FrameLayout> 

<LinearLayout 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:layout_weight=".25" 
    android:gravity="bottom|center" 
    android:orientation="horizontal" > 

    <Button 
     android:id="@+id/btn1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="start|bottom" 
     android:layout_weight=".50" 
     android:onClick="doit" 
     android:text="@string/Circle" /> 

    <Button 
     android:id="@+id/btn2" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_weight=".50" 
     android:layout_gravity="end|bottom" 
     android:onClick="doit" 
     android:text="@string/Clear" /> 
</LinearLayout> 

</LinearLayout>

来源

2014-10-01 user3242607

您不会将DrawCircle视图添加到任何FrameLayouts。你不必手动调用draw或onDraw。 View层次结构将为你做到这一点。 – DeeV 2014-10-02 00:03:28

如何将DrawCircle视图添加到FrameLayout？ – user3242607 2014-10-02 00:10:15

您使用'View＃addView（）'方法。它会放在左上角。如果你想移动它，你必须使用边距和/或重力。 – DeeV 2014-10-02 00:24:14

好了，这里有一些变化我会做这个。我不确定你想要做什么，但这应该会让事情变得更容易。

首先，改变你的类“画圆”是这样的：

public class DrawCircle extends View 
{ 
    final Paint circlePaint; 

    { 
     circlePaint = new Paint(Paint.ANTI_ALIAS_FLAG); 
     circlePaint.setAntiAlias(true); 
     circlePaint.setStyle(Paint.Style.STROKE); 
     circlePaint.setStrokeWidth(100); 
     circlePaint.setColor(Color.RED); 
     circlePaint.setStyle(Paint.Style.FILL); 
    } 

    public DrawCircle(Context con) 
    { 
    super(con); 
    } 

    public DrawCircle(Context con, AttributeSet set) 
    { 
    super(con, set); 
    } 

    public DrawCircle(Context con, AttributeSet set, int style) 
    { 
    super(con, set, style); 
    } 

    @Override 
    protected void onDraw(Canvas c) 
    { 
    super.onDraw(c); 
    c.drawCircle(75, 75, 100, circlePaint); 
    } 
}

这将允许您重用与每个相同Paint对象绘制因为onDraw()方法可以被调用上百次，而且也没有必要为此减慢你的程序。

其次，添加其他构造函数允许您通过xml将视图添加到FrameLayouts。

<FrameLayout 
    android:id="@+id/frame" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" > 

    <com.example.randomCircles.DrawCircle 
    android:id="@+id/circleFrame" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" /> 

</FrameLayout>

接下来，来填补你的屏幕上，你需要循环在你的onDraw方法。考虑将画布作为图章。每次画画时，都会将图像印在您之前绘制顶部指定的位置。

所以

protected void onDraw(Canvas c) 
{ 
    super.onDraw(c); 
    for(int i = 0; i < 10; i++) 
    { 
    c.drawCircle(i*100, 75, 100, circlePaint); 
    } 
}

这应该吸取半径100个像素的10圈在你的屏幕的顶部。

来源

2014-10-02 19:00:05 DeeV

使用画布和框架布局绘制圈子android

回答

相关问题