vue centre Android dans FrameLayout ne fonctionne pas

Question

J'ai un FrameLayout dans lequel j'ai 2 contrôles: - une vue personnalisée qui tire une image et un texte sur elle - un textview avec un texte

Je veux Centrer les deux dans le FrameLayout mais je n'arrive pas à le faire. Le Texview est bien centré, ma vue cusom reste sur le côté gauche, quand je la rends visible.

<FrameLayout android:id="@+id/CompassMap" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:layout_weight="1" 
       android:gravity="center"> 

      <view class="com.MyView" 
     android:id="@+id/myView" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_vertical|center_horizontal" 
     android:visibility="gone"/> 

       <TextView android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_vertical|center_horizontal" 
     android:text="CENTERED" /> 
</FrameLayout> 

Pour Mathias, je ne fais rien dans le constructeur, il est tout simple

public class MyMapView extends View { 

private int xPos = 0; 
private int yPos = 0; 
private Bitmap trackMap; 

private Matrix backgroundMatrix; 
private Paint backgroundPaint; 

private Bitmap position; 
private Matrix positionMatrix; 
private Paint positionPaint; 

public MyMapView(Context context) { 
    super(context); 
    init(context, null); 
} 

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

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

private void init(final Context context, AttributeSet attrs) { 

backgroundMatrix = new Matrix(); 
backgroundPaint = new Paint(); 
backgroundPaint.setFilterBitmap(true); 

position = BitmapFactory.decodeResource(getContext().getResources(), R.drawable.position); 
positionMatrix = new Matrix(); 

positionPaint = new Paint(); 
positionPaint.setFilterBitmap(true); 
} 

@Override 
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { 
    setMeasuredDimension(MeasureSpec.getSize(widthMeasureSpec), MeasureSpec.getSize(heightMeasureSpec)); 
} 

@Override 
protected void onDraw(Canvas canvas) { 

    int width = getMeasuredWidth(); 
    int height = getMeasuredHeight(); 

    if (trackMap!=null) 
    { 
     Bitmap resizedBitmap = Bitmap.createScaledBitmap(trackMap, height, height, true); 
     canvas.drawBitmap(resizedBitmap, backgroundMatrix, backgroundPaint); 

    } 

     canvas.save(Canvas.MATRIX_SAVE_FLAG); 
     canvas.translate(xPos-position.getWidth()/2, yPos-position.getHeight()/2); 
     canvas.drawBitmap(position, positionMatrix, positionPaint); 

     canvas.restore(); 
} 

    public void updatePosition(int xpos, int ypos, Bitmap trackImage) 
    { 
     xPos=xpos; 
     yPos=ypos; 
     trackMap = trackImage; 
     invalidate(); 
    } 
} 

Answer 1

Je vous suggère un RelativeLayout au lieu d'un FrameLayout.

En supposant que vous vouliez avoir le TextView toujours en dessous de l'ImageView, j'utiliserais la disposition suivante.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"> 
    <ImageView 
     android:id="@+id/imageview" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="true" 
     android:layout_centerInParent="true" 
     android:src="@drawable/icon" 
     android:visibility="visible"/> 
    <TextView 
     android:id="@+id/textview" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerInParent="true" 
     android:layout_below="@id/imageview" 
     android:gravity="center" 
     android:text="@string/hello"/> 
</RelativeLayout> 

Notez que si vous définissez l'visibility d'un élément à gone alors l'espace que l'élément consommerait est parti alors que lorsque vous utilisez l'espace invisible au lieu qu'il avait consommer sera préservée.

Si vous voulez avoir la TextView au-dessus du ImageView, alors laissez le android:layout_alignParentTop ou le mettre à false et sur la TextView laisser de l'attribut android:layout_below="@id/imageview". Comme ça.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content"> 
    <ImageView 
     android:id="@+id/imageview" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_alignParentTop="false" 
     android:layout_centerInParent="true" 
     android:src="@drawable/icon" 
     android:visibility="visible"/> 
    <TextView 
     android:id="@+id/textview" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_centerInParent="true" 
     android:gravity="center" 
     android:text="@string/hello"/> 
</RelativeLayout> 

J'espère que c'est ce que vous cherchiez.

Answer 2

Nous pouvons aligner une vue dans le centre de la Framelayout en réglant le layout_gravity de la vue des enfants par

en XML:

layout_gravity = "center" 

(ou)

en JAVA:

dans votre code.