如何在每个按钮点击android后添加一个圆圈?

时间:2014-10-02 07:02:48

标签: java android xml button canvas

我想在每个按钮点击同一个屏幕后添加一个圆圈。我还没有实现其他按钮代码,但它应该清除屏幕。圆圈应该是随机位置/大小/颜色。单击按钮时,我只打印了第一个圆圈。如果我再次点击它我的应用程序关闭。我还没有添加随机位置/尺寸,但我不知道如何让每个按钮点击在屏幕上显示另一个圆圈。我的代码如下。

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;
FrameLayout f1;
@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();
    f1 = (FrameLayout) findViewById(R.id.frame);

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

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

我的画圈代码

import java.util.Random;

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)
{
    int min = 0, max = 200;
    int num = min + (int)(Math.random()*max);
    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(num, num, num, p);
    invalidate();
}
}

我的布局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>

1 个答案:

答案 0 :(得分:0)

虽然有很多方法可以做到这一点,但我想表明两种方法:

最简单的方法:

在您的活动中使用DrawCircle元素的列表/数组,删除属性&#34; c&#34;以及在onCreate中初始化它并修改doit()的代码,如下所示:

case (R.id.btn1):
  DrawCircle c = new DrawCircle(getApplicationContext());
  circleList.add(c);
  f1.addView(c);
  break;

我最推荐的方式:

  1. 在DrawCircle中维护两个数组/列表(或者您只需使用一个hashmap):
    • 包含圈子中心列表的
    • 另一个包含直径/半径列表。
  2. 在onDraw()中添加代码以迭代这些列表并相应地绘制圆圈。
  3. 修改按钮点击代码,将随机值添加到这两个列表中(通过在DrawCircle中调用addCircle()方法(我推荐)或者将这两个列表公开并添加到它们中直接地)
  4. 希望这有帮助。