web-dev-qa-db-ja.com

レイアウトにカスタムビューを追加するにはどうすればよいですか？

GraphicsViewクラスから拡張されたViewクラスがあり、このGraphicsViewクラスをプロジェクトのメインレイアウトに追加したいと思います。どうやってやるの？

static public class GraphicsView extends View {
        public GraphicsView(Context context) {
        super(context);
        }
        @Override
        protected void onDraw(Canvas canvas) {
        // Drawing commands go here
            Path rect = new  Path();
            rect.addRect(100, 100, 250, 50, Direction.CW);
            Paint cPaint = new Paint();
            cPaint.setColor(Color.LTGRAY); 
            canvas.drawPath(rect, cPaint);
        }
    }

と私 main.xml：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:id="@+id/linnnnlayout"
    Android:layout_width="fill_parent"
    Android:layout_height="fill_parent"
    Android:orientation="vertical" >

    <TextView
        Android:layout_width="fill_parent"
        Android:layout_height="wrap_content"
        Android:text="@string/hello" />

    <TextView 
        Android:id="@+id/Customfont"
        Android:layout_width="fill_parent"
        Android:layout_height="wrap_content"
        Android:text="@string/hello" />

     <View 
         Android:id="@+id/view"
          Android:layout_width="fill_parent"
        Android:layout_height="wrap_content"/>

</LinearLayout>
androidandroid-layoutandroid-view
19
AnasBakez

Viewを拡張するクラスの完全なパスを指定する必要があります。

<com.blah.blah.GraphicsView
         Android:id="@+id/view"
          Android:layout_width="fill_parent"
        Android:layout_height="wrap_content"/>
24
Lalit Poptani

私が正しく覚えている場合は、xmlファイルからのビューを使用するために、より多くのコンストラクターを提供する必要があります（「Me and We」のようなxmlファイルにそれを追加してください）。

public GraphicsView(Context context) {
    super(context);
}

public GraphicsView(Context context, AttributeSet attrs) {
    super(context, attrs);
}

public GraphicsView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
}

更新：修正されたコード。

15
Sver

私は最後にそれをここに得ましたコードはXMLコードです

<com.customfonts.namespace.BreakDownBar
         Android:id="@+id/gview"
          Android:layout_width="fill_parent"
        Android:layout_height="20dip"
        Android:layout_marginLeft="10dip"
        Android:layout_marginRight="10dip"
        Android:background="@color/BreakDownBarBack"/>

そしてクラス

package com.customfonts.namespace;

import Android.content.Context;
import Android.graphics.Canvas;
import Android.graphics.Paint;
import Android.graphics.Path;
import Android.graphics.Path.Direction;
import Android.util.AttributeSet;
import Android.view.View;



public class BreakDownBar extends View {

    public BreakDownBar(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

        @Override
        protected void onDraw(Canvas canvas) {
                //Draw rectangle;
                Path rect = new  Path();
                rect.addRect(0, 0,250, 150,Direction.CW);
                Paint cpaint = new Paint();
                cpaint.setColor(Color.GREEN); 
                canvas.drawPath(rect, cpaint);
        }
}
7
AnasBakez

これを行う必要があります：

LinearLayout v = (LinearView) findViewById(R.id.linnnnlayout);
GraphicsView myView = new myGraphicsView(this);
v.addView(myView);
6
thepoosh

カスタムViewはActivityの内部クラスであるため、Javaコンパイラーはそのクラスの名前ActivityName$GraphicsViewを出力します。 $文字のため、xmlレイアウトでView名としてその名前を直接使用しますが、次のように行うことができます。

 <view 
    class="com.package.here.ActivityName$GraphicsView"
    Android:id="@+id/view"
    Android:layout_width="fill_parent"
    Android:layout_height="wrap_content"/>

ここで、ActivityNameは、GraphicsViewクラスが宣言されているアクティビティの名前です。

4
Luksprog
public class MainActivity extends Activity {
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);


    LinearLayout v = (LinearLayout) findViewById(R.id.linearLayout);
    MyGraphics myView = new MyGraphics(this);
    v.addView(myView);
}
}


public class MyGraphics extends View {
public MyGraphics(Context context) {
    super(context);
}

@Override
protected void onDraw(Canvas canvas) {
    // Drawing commands go here
    Path rect = new Path();
    rect.addRect(100, 100, 250, 50, Direction.CW);
    Paint cPaint = new Paint();
    cPaint.setColor(Color.LTGRAY);
    canvas.drawPath(rect, cPaint);
}


}

XML：

<LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
Android:layout_width="fill_parent"
Android:layout_height="fill_parent"
Android:orientation="vertical" 
Android:id="@+id/linearLayout">

<TextView 
    Android:id="@+id/Customfont"
    Android:layout_width="fill_parent"
    Android:layout_height="wrap_content"
    Android:text="@string/hello" />


</LinearLayout>
0
Krishnakant Dalal

これは私にとってはうまくいき、ビューをXMLでフルパスで追加し、高さと幅にwrapcontentを指定してみます。

public class RectangleView extends View {
    public RectangleView(Context context) {
        super(context);
    }

    public RectangleView(Context context, AttributeSet attrs) {
        super(context, attrs);
    }

    public RectangleView(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint paint = new Paint();
        Paint.setColor(Color.GRAY);
        canvas.drawColor(Color.BLUE);
        canvas.drawRect(10,10,50,50, Paint);
    }
}
0
M.Praveen Kumar