Comment ajouter une vue personnalisée à la mise en page?
J'ai une classe GraphicsView
qui s'étend de la classe View
et je souhaite ajouter cette classe GraphicsView
à la présentation principale de mon projet. Comment puis je faire ça?
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);
}
}
et mon 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>
Vous devez donner le chemin complet de votre classe qui étend View,
<com.blah.blah.GraphicsView
Android:id="@+id/view"
Android:layout_width="fill_parent"
Android:layout_height="wrap_content"/>
Si je me souviens bien, vous devez fournir davantage de constructeurs pour utiliser la vue depuis un fichier xml (ajoutez-la au fichier xml comme "Me and We" suggéré).
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);
}
Mise à jour: code corrigé.
je l’ai enfin trouvé ici le code .__
<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"/>
et la classe
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);
}
}
vous devez faire ceci:
LinearLayout v = (LinearView) findViewById(R.id.linnnnlayout);
GraphicsView myView = new myGraphicsView(this);
v.addView(myView);
Étant donné que votre View
personnalisée est une classe interne de votre Activity
, le compilateur Java génère le nom ActivityName$GraphicsView
pour cette classe. Vous ne pouvez pas utiliser ce nom directement comme nom View
dans la présentation XML à cause du caractère $
, mais vous pouvez le faire comme suit:
<view
class="com.package.here.ActivityName$GraphicsView"
Android:id="@+id/view"
Android:layout_width="fill_parent"
Android:layout_height="wrap_content"/>
où ActivityName
est le nom de l'activité où votre classe GraphicsView
est déclarée.
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>
Cela fonctionne pour moi et ajoute la vue en XML avec un chemin complet et essayez de donner à wrapcontent la hauteur et la largeur.
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);
}
}