Android center view in FrameLayout doesn t work

Question

I have a FrameLayout in which I have 2 controls   - a custom view which draws a image and some text on it - a textview with a text  I want to center both in the FrameLayout but I can t manage to do it  The Texview is centered just fine  my cusom view remains on the left side  when I make it visible    lt FrameLayout android id    id CompassMap                 android layout width  fill parent                  android layout height  wrap content                 android layout weight  1                 android gravity  center  gt                 lt 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   gt                    lt TextView android layout width  wrap content           android layout height  wrap content          android layout gravity  center vertical center horizontal          android text  CENTERED    gt    lt  FrameLayout gt    To Mathias  I don t do anything in the constructor  it s just 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

User · Answer

To center a view in Framelayout  there are some available tricks  The simplest one I used for my Webview and Progressbar very similar to your two object layout   I just added android layout gravity  center    Here is complete XML in case if someone else needs the same thing to do   lt  xml version  1 0  encoding  utf-8   gt   lt FrameLayout xmlns android  http   schemas android com apk res android       xmlns tools  http   schemas android com tools      android layout width  match parent      android layout height  match parent      tools context   WebviewPDFActivity      android layout gravity  center       gt       lt WebView         android id    id webView1          android layout width  match parent          android layout height  match parent             gt       lt ProgressBar         android id    id progress circular          android layout width  250dp          android layout height  250dp          android visibility  visible          android layout gravity  center            gt     lt  FrameLayout gt    Here is my output

User · Answer

Just follow this order  You can center any number of child in a FrameLayout     lt FrameLayout      gt       lt child1                      android layout gravity  center                          gt       lt Child2                      android layout gravity  center            gt   lt  FrameLayout gt       So the key is      adding android layout gravity  center in the child views    For example   I centered a CustomView and a TextView on a FrameLayout like this     Code     lt FrameLayout     android layout width  wrap content      android layout height  wrap content       gt       lt com airbnb lottie LottieAnimationView         android layout width  180dp          android layout height  180dp          android layout gravity  center          app lottie fileName  red scan json          app lottie autoPlay  true          app lottie loop  true    gt       lt TextView         android layout width  wrap content          android layout height  wrap content          android layout gravity  center          android textColor   ffffff          android textSize  10dp          android textStyle  bold          android padding  10dp          android text  Networks Available  1 n click to see all          android gravity  center    gt   lt  FrameLayout gt       Result

User · Answer

We can align a view in center of the FrameLayout by setting the layout gravity of the child view    In XML   android layout gravity  center    In Java code   FrameLayout LayoutParams params   new FrameLayout LayoutParams LayoutParams WRAP CONTENT  LayoutParams WRAP CONTENT   params gravity   Gravity CENTER    Note  use FrameLayout LayoutParams not the others existing LayoutParams

User · Answer

I d suggest a RelativeLayout instead of a FrameLayout   Assuming that you want to have the TextView always below the ImageView I d use following layout    lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout     xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  wrap content  gt       lt 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   gt       lt 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   gt   lt  RelativeLayout gt    Note that if you set the visibility of an element to gone then the space that element would consume is gone whereas when you use invisible instead the space it d consume will be preserved   If you want to have the TextView on top of the ImageView then simply leave out the android layout alignParentTop or set it to false and on the TextView leave out the android layout below   id imageview  attribute  Like this    lt  xml version  1 0  encoding  utf-8   gt   lt RelativeLayout     xmlns android  http   schemas android com apk res android      android layout width  fill parent      android layout height  wrap content  gt       lt 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   gt       lt 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   gt   lt  RelativeLayout gt    I hope this is what you were looking for

User · Answer

Set  center horizontal  and  center vertical   or just  center  of the layout gravity  attribute of the widget       lt  xml version  1 0  encoding  utf-8   gt   lt FrameLayout xmlns android  http   schemas android com apk res android      xmlns app  http   schemas android com apk res-auto      xmlns tools  http   schemas android com tools      android layout width  match parent      android layout height  match parent      tools context   MovieActivity      android id    id mainContainerMovie       gt         lt android support v7 widget Toolbar         android id    id toolbar          android layout width  match parent          android layout height  wrap content          android background   3a3f51b5           gt        lt ProgressBar         android id    id movieprogressbar          style   android attr progressBarStyle          android layout width  wrap content          android layout height  wrap content          android layout gravity  center vertical center horizontal    gt   lt  FrameLayout gt

[android] Android center view in FrameLayout doesn't work

Examples related to android

Examples related to android-layout

Examples related to android-framelayout

Examples related to gravity