Develop Reference

How to work Parent layout click to all child layouts?

In my application, I have a bottom menu So I have implemented the bottom layout for all the screens. I have one red button for the menu visible and gone, This functionality is working fine. But here my one more requirement is when clicking on the screen(outside the menu) a bottom menu will disappear. In my screens so many child layouts are available. here my parent layout is Coordinator layout. So I have created to id to Coordinator layout and Implemented OnClick listener for this one. So In OnClick, I will disappear the menu.
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="fill_parent"
android:id="#+id/coord_layout"
android:layout_height="fill_parent"
android:orientation="vertical">
<RelativeLayout
android:id="#+id/fgtrellayout1"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<RelativeLayout
android:id="#+id/topBanner"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#color/colorScreenBG"
android:orientation="horizontal">
<include
android:id="#+id/action_bar"
layout="#layout/custom_action_bar">
</include>
</RelativeLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="#+id/topBanner"
android:layout_marginLeft="2dp"
android:layout_marginRight="2dp"
android:layout_marginBottom="2dp"
android:background="#color/colorScreenBG"
android:orientation="vertical">
<TextView
android:id="#+id/instctsText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginTop="1dp"
android:layout_marginRight="7dp"
android:text="#string/forgotPasswordAlert"
android:textColor="#040101"
android:textSize="#dimen/normal_font_size" />
<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center">
<android.support.design.widget.TextInputLayout
style="#style/MyTextInputLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:errorEnabled="false">
<android.support.design.widget.TextInputEditText
android:id="#+id/fgtActNoVal"
style="#style/MyTextInputEditText"
android:layout_width="200dip"
android:layout_height="wrap_content"
android:hint="#string/acctNo_UserId"
android:imeOptions="actionNext"
android:singleLine="true"
android:inputType="text"
android:maxLength="30"
android:maxLines="1"
android:textColor="#android:color/black"
android:textSize="#dimen/normal_font_size" />
</android.support.design.widget.TextInputLayout>
<android.support.design.widget.TextInputLayout
style="#style/MyTextInputLayout"
android:layout_gravity="center_horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:errorEnabled="false">
<android.support.design.widget.TextInputEditText
android:id="#+id/fgtTelVal"
style="#style/MyTextInputEditText"
android:layout_width="200dip"
android:layout_height="wrap_content"
android:hint="#string/tel_No"
android:imeOptions="actionDone"
android:singleLine="true"
android:inputType="number"
android:maxLength="4"
android:maxLines="1"
android:textColor="#android:color/black"
android:textSize="#dimen/normal_font_size" />
</android.support.design.widget.TextInputLayout>
<TextView
android:layout_gravity="center_horizontal"
android:id="#+id/dgtsLmt"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="#string/lastFourDigits"
android:textColor="#ff0000"
android:textSize="#dimen/tenfont" />
<CheckBox
android:id="#+id/mailcheckBox"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dip"
android:text="#string/emailMyPassword"
android:textColor="#040101"
android:textSize="#dimen/normalLayout"
android:visibility="invisible" />
</LinearLayout>
<LinearLayout
android:id="#+id/btnsLayot"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:layout_marginTop="20dp">
<android.support.design.button.MaterialButton
style="#style/MyButton"
android:id="#+id/fgtClose"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="#string/back"
android:textAllCaps="false"/>
<android.support.design.button.MaterialButton
style="#style/MyButton"
android:id="#+id/fgtReset"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:text="#string/reset"
android:textAllCaps="false"/>
<android.support.design.button.MaterialButton
style="#style/MyButton"
android:id="#+id/fgtSubmit"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="20dp"
android:text="#string/submit"
android:textAllCaps="false" />
</LinearLayout>
</LinearLayout>
</RelativeLayout>
<include layout="#layout/bottom_sheet_login"
android:visibility="visible" />
</android.support.design.widget.CoordinatorLayout>``
So in the above xml, Coordinator layout on click is working fine. But if the layout having listview or webview then parent layout on click is not working
This is the xml file
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="fill_parent"
android:id="#+id/coord_layout"
android:background="#color/colorScreenBG"
android:layout_height="fill_parent"
android:layout_marginBottom="0dp"
android:orientation="vertical">
<LinearLayout
android:id="#+id/total_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginBottom="60dp"
android:orientation="vertical">
<include
android:id="#+id/topBanner"
layout="#layout/custom_action_bar"></include>
<RelativeLayout
android:id="#+id/NoticeLayout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">
<TextView
android:id="#+id/locations1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerHorizontal="true"
android:layout_marginTop="50dip"
android:text="#string/noInfoExists"
android:textColor="#C00000"
android:textSize="#dimen/normalHeadings" />
<ListView
android:id="#+id/locations"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_marginLeft="10dp"
android:layout_marginTop="0dp"
android:layout_marginRight="10dp"
android:layout_marginBottom="2dp"
android:background="#00000000"
android:cacheColorHint="#00000000"
android:textColor="#040101" />
</RelativeLayout>
</LinearLayout>
<include
layout="#layout/bottom_sheet_login"
android:visibility="visible" />
</android.support.design.widget.CoordinatorLayout>
In my application, so many screens are there. When clicking on the screen(Outside the menu) the menu will disappear. So how to work parent layout on click for all the child views.
Check the bellow image
So please help with this.
Thanks In Advance

First, add those to your root view for touchable area.
android:focusableInTouchMode="true"
android:clickable="true"
android:focusable="true"
After that, you can use onFocusChanged listener to handle your views' behaviour.

Adjust Resize for edittext

Hello i have added everything in my android manifest but the layout is cutting my xml when the keyboard is shown. what i expect is that nothing is cut off.
here is my xml...
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
android:layout_marginTop="1dp"
android:orientation="vertical"
tools:context=".Chat.MessageListFragmentLadoComercial">
<LinearLayout
android:id="#+id/linearLayout2"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:background="#color/colorPrimary"
android:orientation="horizontal"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">
<de.hdodenhof.circleimageview.CircleImageView
android:id="#+id/circle_image_chat_cliente"
android:layout_width="60dp"
android:layout_height="50dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="4dp" />
<TextView
android:id="#+id/nombre_cliente_chat"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="30dp"
android:layout_marginTop="15dp"
android:text="Nombre Cliente"
android:textColor="#android:color/white"
android:textSize="30sp"
android:textStyle="bold" />
</LinearLayout>
<androidx.core.widget.NestedScrollView
android:id="#+id/scroll_hasta_abajo"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginStart="8dp"
android:layout_marginEnd="8dp"
android:layout_weight="9">
<androidx.recyclerview.widget.RecyclerView
android:id="#+id/reyclerview_message_list"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginRight="10dp"
android:padding="22dp" />
</androidx.core.widget.NestedScrollView>
<!-- A horizontal line between the chatbox and RecyclerView -->
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content">
<LinearLayout
android:id="#+id/layout_chatbox"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginTop="1dp"
android:layout_weight="1"
android:background="#ffffff"
android:minHeight="48dp"
android:orientation="horizontal">
<EditText
android:id="#+id/edittext_chatbox"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_weight="1"
android:background="#android:color/transparent"
android:hint="Enter message"
android:isScrollContainer="true"
android:maxLines="6" />
<Button
android:id="#+id/button_chatbox_send"
android:layout_width="64dp"
android:layout_height="48dp"
android:layout_gravity="bottom"
android:layout_marginRight="30dp"
android:layout_marginBottom="0.5dp"
android:background="?attr/selectableItemBackground"
android:clickable="true"
android:focusable="true"
android:gravity="center"
android:text="SEND"
android:textSize="14dp" />
</LinearLayout>
</ScrollView>
</LinearLayout>
and here is my manifest portion...
<activity
android:name=".Chat.MessageListActivityLadoComercial"
android:label="Chat"
android:windowSoftInputMode="adjustResize">
</activity>
Here is how it looks like....
So i want to do is that the horizontal linear layout is not cut off ive tried everything but it doesnt seem to work.

Use RelativeLayout instead of LinearLayout, in your case linearLayout2 because it can span over all the available space hence can get resized when the keyboard pops up. But LinearLayout don't get resized in the resizing process so your top linearlayout with circleimageview and title can't get resized.

Make soft keyboard behave like IOS in Android

I have a layout which I placed my widgets proportionally with weight attribute. I don't want to use scrollView, I want my widgets to fit onto screen according to their weights.
However, I want my layout to be scrollable when soft keyboard pops up. I don't want it to be resized so I can't use android:windowSoftInputMode="adjustResize"
I tried android:windowSoftInputMode="adjustPan" and it moves the edittext field above the soft keyboard. However, this time it does not scroll and I have to close soft keyboard to choose next EditText field.I know that by adding input type, I can have forward buttons on my keyboard. However, I don't want to depend on that only, I also want it to be scrollable without resizing like in IOS.
Can I achieve that? If yes, could you explain this to me , please?
Here is my layout:
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#drawable/bg"
android:orientation="vertical"
android:weightSum="20">
<LinearLayout
android:layout_width="0px"
android:layout_height="0px"
android:focusable="true"
android:focusableInTouchMode="true" />
<FrameLayout
android:id="#+id/imagelogin"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_gravity="center"
android:layout_weight="12"
android:gravity="center">
<ImageView
android:id="#+id/image"
android:layout_width="300dp"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:gravity="center"
android:src="#drawable/logo_home" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="40dp"
android:layout_gravity="bottom"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:orientation="horizontal"
android:weightSum="2">
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginRight="5dp"
android:layout_weight="1"
android:background="#color/material_blue_grey_800"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Tab 1"
android:textColor="#android:color/white"
android:textSize="20sp" />
</LinearLayout>
<LinearLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_marginLeft="5dp"
android:layout_weight="1"
android:gravity="center"
android:orientation="horizontal">
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:gravity="center"
android:text="Tab 2"
android:textColor="#android:color/white"
android:textSize="20sp" />
</LinearLayout>
</LinearLayout>
<include
android:id="#+id/toolbar"
layout="#layout/app_bar"></include>
</FrameLayout>
<FrameLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="8">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Input 1" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Input 1" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Input 1" />
</LinearLayout>
</FrameLayout>
</LinearLayout>
And this is how it looks:

That functionality isn't built into Android. If you want that, you need to put your entire layout inside of a scroll view.

How do I ensure the buttons align horizontally in this Android login dialog?

I'm creating a login dialog on Android where I want two buttons to align horizontally both on the top and bottom edge, irregardless of the screen size. Sometimes "Forgot password" will break over two lines, sometimes not. I do not want to impose a minHeight on the buttons, and would prefer a solution based on XML design only (not code).
Landscape is fine:
Portrait, default implementation leaves the login button shorter than "forgot password"
One solution I tried was setting match_parent for the layout_height param of the first button. Didn't quite work:
XML:
<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:id="#+id/terms_layout"
android:layout_marginTop="10dp"
>
<Button
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:text="#string/login"
android:textSize="18sp"
android:id="#+id/dialog_login_button_login"
/>
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="#string/forgotPassword"
android:textSize="18sp"
android:id="#+id/dialog_login_button_forgot_password"
/>
</LinearLayout>

Use RelativeLayout and make "Login" button to align to the top and bottom of "Forgot Password" Button

As #manjusg answered, make the Login button align the bottom and top to the other button.
Here is how I did it:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Email" />
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Password" />
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:id="#+id/terms_layout"
android:layout_marginTop="10dp">
<View
android:id="#+id/center_strut"
android:layout_height="0dp"
android:layout_width="0dp"
android:layout_centerInParent="true" />
<Button
android:layout_width="0dp"
android:layout_height="0dp"
android:text="Login"
android:textSize="18sp"
android:layout_alignParentLeft="true"
android:layout_alignRight="#+id/center_strut"
android:layout_alignBottom="#+id/dialog_login_button_forgot_password"
android:layout_alignTop="#+id/dialog_login_button_forgot_password"
android:id="#+id/dialog_login_button_login" />
<Button
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_alignParentRight="true"
android:layout_alignLeft="#+id/center_strut"
android:text="Forgot Password"
android:textSize="18sp"
android:id="#+id/dialog_login_button_forgot_password" />
</RelativeLayout>
</LinearLayout>

replace your xml with this xml
<LinearLayout
android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
android:id="#+id/terms_layout"
android:layout_marginTop="10dp"
android:weightSum="2"
>
<RelativeLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
>
<Button
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="#string/login"
android:textSize="18sp"
android:id="#+id/dialog_login_button_login"
android:layout_alignParentTop="true"
android:layout_alignParentBottom="true"
/>
</RelativeLayout>
<RelativeLayout
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
>
<Button
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_weight="1"
android:text="#string/forgotPassword"
android:textSize="18sp"
android:id="#+id/dialog_login_button_forgot_password"
android:layout_alignParentTop="true"
android:layout_alignParentBottom="true"
/>
</RelativeLayout>
</LinearLayout>

check this
<RelativeLayout 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"
android:paddingLeft="#dimen/activity_horizontal_margin"
android:paddingRight="#dimen/activity_horizontal_margin"
android:paddingTop="#dimen/activity_vertical_margin"
android:paddingBottom="#dimen/activity_vertical_margin">
<LinearLayout
android:orientation="horizontal"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="#+id/linearLayout">
<Button
android:layout_weight="1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="Login"
android:id="#+id/button"/>
<Button
android:layout_weight="1"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="FORGOT PASSWORD"
android:id="#+id/button2"/>
</LinearLayout>
<LinearLayout
android:layout_alignBottom="#+id/linearLayout"
android:layout_width="wrap_content"
android:layout_centerInParent="true"
android:paddingTop="6dp"
android:paddingBottom="6dp"
android:layout_height="wrap_content">
<View
android:layout_width="0.5dp"
android:layout_height="wrap_content"
android:background="#000000"/>
</LinearLayout>
</RelativeLayout>

layout_gravity="bottom" not working

In my android layout, I have two EditText elements. They appear side by side at the bottom of the screen. But when i type multiple lines into the first EditText(on the left), the second one(at the right) also keeps moving upwards even though it is empty. I have specified android:layout_gravity="bottom" and android:gravity="bottom" for the second EditText. But it has no effect. What am i doing wrong? How can i make the second EditText stay at the vertical center of its parent linear layout, no matter how many lines are entered in the first EditText.
<?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="fill_parent">
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:background="#drawable/bg_textinput"
android:layout_alignParentBottom="true">
<EditText
android:id="#+id/text_input"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_weight="0.7"
android:inputType="textMultiLine" />
<EditText
android:id="#+id/text_input1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:gravity="bottom"
android:layout_weight="0.3"
android:inputType="textMultiLine" />
</LinearLayout>
</RelativeLayout>

This will work:
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_alignParentBottom="true"
android:gravity="center">
<EditText
android:id="#+id/text_input"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="0.7"
android:inputType="textMultiLine" />
<EditText
android:id="#+id/text_input1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:gravity="bottom"
android:layout_weight="0.3"
android:inputType="textMultiLine" />
</LinearLayout>

try this,
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="match_parent"
android:orientation="horizontal" >
<EditText
android:id="#+id/text_input"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_weight="0.7"
android:inputType="textMultiLine" />
<EditText
android:id="#+id/text_input1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:layout_weight="0.3"
android:gravity="bottom"
android:inputType="textMultiLine" />
</LinearLayout>