Canvas mit Layout kombinieren.

XDeveloper · 31. Juli 2012

Hallo,
Ich möchte versuchen in ein bestehendes layout, sei es in einer xml oder dynamisch in der Java datei definirt, eine Canvas
zu Integrieren. In den Bisherigen Beispielen habe ich immer nur gesehen, dass die Canvas klasse als Content View definiert wird.
Hier mein Beispiel Code:

Java

public class TestCanvas extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(new Panel(this));
    }
 
    class Panel extends View {
        public Panel(Context context) {
            super(context);
        }
 
        @Override
        public void onDraw(Canvas canvas) {
            Bitmap _scratch = BitmapFactory.decodeResource(getResources(), R.drawable.o4_logo);
            canvas.drawColor(Color.BLACK);
            canvas.drawBitmap(_scratch, 10, 10, null);
            //canvas.drawText("hhhh", x, y, paint)
        }
    }
}

Alles anzeigen

Wie schaffe ich es jetzt zu der Canvas View noch Elemente wie z.B. einen Button einzubinden?
Etwa mit einem LayoutInflater ?

Danke für Antworten!

Gruß
XDeveloper

block_ · 1. August 2012

Du kannst in dem Layout jetzt ganz einfach deine View mit einbauen.
Da das bei dir eine innere Klasse ist:

Code

...
&lt;view
  class="dein.package.TestCanvas$Panel" 
... /&gt;
...

Ansonsten:

Code

...
&lt;dein.package.Panel 
... /&gt;
...

block_

XDeveloper · 2. August 2012

Ok. Danke für die Antwort.
Folgender Code:

Java

public class TestCanvas extends Activity {
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //requestWindowFeature(Window.FEATURE_NO_TITLE);
        //setContentView(new Panel(this));
        setContentView(R.layout.canvas);


    }
 
    class Panel extends View {
        public Panel(Context context) {
            super(context);
        }
 
        @Override
        public void onDraw(Canvas canvas) {
            Bitmap _scratch = BitmapFactory.decodeResource(getResources(), R.drawable.o4_logo);
            canvas.drawColor(Color.BLACK);
            canvas.drawBitmap(_scratch, 10, 10, null);
        }
    }
}

Alles anzeigen

Und die canvas.xml:

Java

&lt;?xml version="1.0" encoding="utf-8"?&gt;
&lt;LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" &gt;


    
    &lt;view
        class="de.o4.waagen.steuerung.TestCanvas$Panel"
    /&gt;




&lt;/LinearLayout&gt;

Alles anzeigen

Bei meinen ersten Test kam jetzt folgender Fehler in der Log Cat:

Code

08-02 13:32:24.397: D/AndroidRuntime(740): Shutting down VM
08-02 13:32:24.397: W/dalvikvm(740): threadid=1: thread exiting with uncaught exception (group=0x409961f8)
08-02 13:32:24.447: E/AndroidRuntime(740): FATAL EXCEPTION: main
08-02 13:32:24.447: E/AndroidRuntime(740): java.lang.RuntimeException: Unable to start activity ComponentInfo{de.o4.waagen.steuerung/de.o4.waagen.steuerung.TestCanvas}: android.view.InflateException: Binary XML file line #8: Error inflating class de.o4.waagen.steuerung.TestCanvas$Panel
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:1955)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.app.ActivityThread.handleLaunchActivity(ActivityThread.java:1980)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.app.ActivityThread.access$600(ActivityThread.java:122)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.app.ActivityThread$H.handleMessage(ActivityThread.java:1146)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.os.Handler.dispatchMessage(Handler.java:99)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.os.Looper.loop(Looper.java:137)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.app.ActivityThread.main(ActivityThread.java:4340)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at java.lang.reflect.Method.invokeNative(Native Method)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at java.lang.reflect.Method.invoke(Method.java:511)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:784)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:551)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at dalvik.system.NativeStart.main(Native Method)
08-02 13:32:24.447: E/AndroidRuntime(740): Caused by: android.view.InflateException: Binary XML file line #8: Error inflating class de.o4.waagen.steuerung.TestCanvas$Panel
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.view.LayoutInflater.createView(LayoutInflater.java:589)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.view.LayoutInflater.createViewFromTag(LayoutInflater.java:680)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.view.LayoutInflater.rInflate(LayoutInflater.java:739)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.view.LayoutInflater.inflate(LayoutInflater.java:489)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.view.LayoutInflater.inflate(LayoutInflater.java:396)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.view.LayoutInflater.inflate(LayoutInflater.java:352)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at com.android.internal.policy.impl.PhoneWindow.setContentView(PhoneWindow.java:251)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.app.Activity.setContentView(Activity.java:1835)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at de.o4.waagen.steuerung.TestCanvas.onCreate(TestCanvas.java:36)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.app.Activity.performCreate(Activity.java:4465)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.app.Instrumentation.callActivityOnCreate(Instrumentation.java:1049)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.app.ActivityThread.performLaunchActivity(ActivityThread.java:1919)
08-02 13:32:24.447: E/AndroidRuntime(740): 	... 11 more
08-02 13:32:24.447: E/AndroidRuntime(740): Caused by: java.lang.NoSuchMethodException: &lt;init&gt; [class android.content.Context, interface android.util.AttributeSet]
08-02 13:32:24.447: E/AndroidRuntime(740): 	at java.lang.Class.getConstructorOrMethod(Class.java:460)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at java.lang.Class.getConstructor(Class.java:431)
08-02 13:32:24.447: E/AndroidRuntime(740): 	at android.view.LayoutInflater.createView(LayoutInflater.java:561)
08-02 13:32:24.447: E/AndroidRuntime(740): 	... 22 more

Alles anzeigen

Ich kenne mich jetzt mit dem LayoutInflater nicht so aus.

Was mache ich falsch?

block_ · 2. August 2012

Für den LayoutInflater muss deine innere Klasse muss static sein, um unabhängig vom Zustand der äußeren Klasse zu sein.

Wenn du den Konstruktor noch mit einfügst, werden die Attribute aus dem XML-File durch den super()-Aufruf weitergereicht und du kannst du die üblichen Attribute wie layout_width usw. benutzen.

Code

public Panel(Context context, AttributeSet attr)
    {
        super(context, attr);
    }

block_

zeroDivide · 5. August 2012

Hey,

ich hatte heute mit dem selben Problem zu tun und möchte dir noch einen anderen weg zeigen dein Problem zu lösen:

http://stackoverflow.com/quest…rfaceview-from-layout-xml

darin steht alles was du wissen musst, das ganze funktioniert etwa so wie du es schon kennst, nur das du auf den canvas deiner eigens erstellen Klasse zeichnest die du vorher in deinem Layout definiert hast. Du musst also nicht deine "DrawPanel"-Klasse als ContentView setzen, sondern wie du es meiner Meinung nach wünscht, dein Layout.

das ganze lässt sich natürlich auch auf einfache weise um ein Thread erweitern.

Ich hoffe ich konnte dir helfen,

Gruß

Canvas mit Layout kombinieren.

Jetzt mitmachen!

Teilen

Tags