I have worked on a small app where I designed multiple pages. however the first page is not displaying the correct background color when I run the app , although I'm 100% sure the color is amended. below you see the codes of xml.
also even the action bar is still there although I removed and used no action bar them.
what seems to be the issue ?
note: Android studio updated
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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="wrap_content"
android:layout_height="wrap_content"
tools:background="#243447"
tools:context="#243447">
<TextView
android:id="#+id/textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="97dp"
android:fontFamily="sans-serif-smallcaps"
android:text="Choose your focus"
android:textColor="#android:color/holo_red_light"
android:textSize="24sp" />
<RelativeLayout
android:id="#+id/linearLayout"
android:layout_width="match_parent"
android:layout_height="413dp"
android:layout_alignParentStart="true"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginStart="0dp"
android:layout_marginBottom="0dp"
tools:background="#243447">
<Button
android:id="#+id/button3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignStart="#+id/button2"
android:layout_alignTop="#+id/button5"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_marginEnd="32dp"
android:layout_marginRight="32dp"
android:layout_marginBottom="195dp"
android:background="#243447"
android:fontFamily="sans-serif-smallcaps"
android:hapticFeedbackEnabled="false"
android:shadowColor="#android:color/background_dark"
android:text="Work"
android:textAllCaps="false"
android:textColor="#android:color/holo_red_light"
android:textColorHighlight="#android:color/darker_gray"
android:textSize="14sp" />
<Button
android:id="#+id/button5"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/button4"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_alignParentBottom="true"
android:layout_marginStart="32dp"
android:layout_marginLeft="32dp"
android:layout_marginTop="61dp"
android:layout_marginBottom="195dp"
android:background="#243447"
android:fontFamily="sans-serif-smallcaps"
android:hapticFeedbackEnabled="false"
android:shadowColor="#android:color/background_dark"
android:text="Community"
android:textAllCaps="false"
android:textColor="#android:color/holo_red_light"
android:textColorHighlight="#android:color/darker_gray"
android:textSize="14sp" />
<Button
android:id="#+id/button4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignTop="#+id/button2"
android:layout_alignParentStart="true"
android:layout_alignParentLeft="true"
android:layout_marginStart="32dp"
android:layout_marginLeft="32dp"
android:layout_marginTop="0dp"
android:background="#243447"
android:fontFamily="sans-serif-smallcaps"
android:hapticFeedbackEnabled="false"
android:shadowColor="#android:color/background_dark"
android:text="Relgion"
android:textAllCaps="false"
android:textColor="#android:color/holo_red_light"
android:textColorHighlight="#android:color/darker_gray"
android:textSize="14sp" />
<Button
android:id="#+id/button2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignParentEnd="true"
android:layout_alignParentRight="true"
android:layout_marginTop="61dp"
android:layout_marginEnd="32dp"
android:layout_marginRight="32dp"
android:background="#243447"
android:fontFamily="sans-serif-smallcaps"
android:hapticFeedbackEnabled="false"
android:shadowColor="#android:color/background_light"
android:text="Health"
android:textAllCaps="false"
android:textColor="#android:color/holo_red_light"
android:textColorHighlight="#android:color/darker_gray"
android:textSize="14sp" />
</RelativeLayout>
</RelativeLayout>
You are using tools:background="#243447" the keyword tools is only for the screen preview in android studio.
If you would like to have the background color in your app you need to use the keyword android
android:background="#243447"
Try to use
android:background="#243447"
instead of
tools:background="#243447"
and you have to put your class name in
tools:context=".ActivityName"
Related
I have a card view with 2 radio buttons I want to show it as a dialogue
I want to achieve multiple things
Showing card view as a dialogue
blurring the background layout while showing the dialog
I have 2 radio buttons (only one is selectable) I want that after selecting one of them the dialogue will disappear but not immediately at least there should be a short delay so the user can see the selection of the radio button
Note:- If you want more references of the code please tell me I will
update the question as you can find I dint include the fragment_home
java file so the question doesn't get long and confusing
Here is the layout
sort_image.xml
<com.google.android.material.card.MaterialCardView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="300dp"
android:layout_height="200dp"
android:layout_gravity="center"
android:backgroundTint="#color/grey"
app:cardCornerRadius="20dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="#+id/sort_textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_centerInParent="true"
android:layout_marginTop="5dp"
android:fontFamily="#font/roboto"
android:text="Sort by"
android:textAlignment="center"
android:textColor="#color/lite_grey"
android:textSize="25sp" />
<com.google.android.material.card.MaterialCardView
android:id="#+id/divider_line_sort_by"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_below="#id/sort_textView"
android:layout_marginStart="10dp"
android:layout_marginTop="5dp"
android:layout_marginEnd="10dp"
android:backgroundTint="#color/lite_grey"
app:cardCornerRadius="50dp" />
<RelativeLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true">
<TextView
android:id="#+id/latest_sort_textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="30dp"
android:layout_marginTop="30dp"
android:fontFamily="#font/roboto"
android:text="Latest"
android:textAlignment="center"
android:textColor="#color/lite_grey"
android:textSize="25sp" />
<TextView
android:id="#+id/most_popular_sort_textView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/latest_sort_textView"
android:layout_alignParentStart="true"
android:layout_centerInParent="true"
android:layout_marginStart="30dp"
android:layout_marginTop="25sp"
android:fontFamily="#font/roboto"
android:text="Most Popular"
android:textAlignment="center"
android:textColor="#color/lite_grey"
android:textSize="25sp" />
<RadioGroup
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentEnd="true">
<RadioButton
android:id="#+id/latest_sort_radio_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="25sp" />
<RadioButton
android:id="#+id/most_popular_sort_radio_button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="10dp" />
</RadioGroup>
</RelativeLayout>
</RelativeLayout>
</com.google.android.material.card.MaterialCardView>
fragment_home.xml // This layout contains the text which I want that when pressed I open the dialogue and also this is the fragment/layout which I want to blur when showing the dialogue
Note:- only included the necessary code of this layout
<com.google.android.material.card.MaterialCardView
android:id="#+id/sort"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:layout_marginEnd="5dp"
android:layout_marginBottom="5dp"
android:layout_toStartOf="#id/divider_line"
android:backgroundTint="#color/black"
android:elevation="6dp"
android:paddingBottom="10dp"
android:textAlignment="center"
app:cardCornerRadius="10dp">
<TextView
android:id="#+id/sort_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="8dp"
android:layout_marginEnd="8dp"
android:layout_marginBottom="5dp"
android:fontFamily="#font/roboto"
android:text="#string/sort"
android:textAlignment="center"
android:textColor="#color/white"
android:textSize="17sp"
android:textStyle="bold" />
</com.google.android.material.card.MaterialCardView>
I think you need to use dialog fragment. You can read more about that in official documentation https://developer.android.com/guide/fragments/dialogs
Hello friends i am beginner in android i want know how to achieve this type layout the image which shown below please help me i trying achieve this type of layout
It is very simple layout FYI
It can be done with any type of parent layout Constraint, Relative and
even with Linear
I will share a Relative one example. Use your own drawables and assests.
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="#+id/relativeLayoutMain"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#android:color/black"
android:padding="4dp">
<TextView
android:id="#+id/textViewSongTitle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentStart="true"
android:layout_marginStart="24dp"
android:layout_marginEnd="10dp"
android:layout_toStartOf="#+id/buttonBackward"
android:ellipsize="end"
android:maxLines="1"
android:padding="2dp"
android:text="Song Name - [details]"
android:textColor="#android:color/white"
android:textSize="12sp"
android:textStyle="bold" />
<TextView
android:id="#+id/textViewArtistName"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#id/textViewSongTitle"
android:layout_alignParentStart="true"
android:layout_marginStart="24dp"
android:layout_marginEnd="10dp"
android:layout_toStartOf="#+id/buttonBackward"
android:padding="2dp"
android:text="Singer Name"
android:textColor="#android:color/white"
android:textSize="12sp" />
<Button
android:id="#+id/buttonForward"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_alignParentEnd="true"
android:layout_centerVertical="true"
android:layout_marginEnd="8dp"
android:background="#android:color/holo_green_dark"
android:gravity="center"
android:text="F"
android:textColor="#android:color/white" />
<Button
android:id="#+id/buttonPlayAndStop"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_centerVertical="true"
android:layout_marginEnd="8dp"
android:layout_toStartOf="#id/buttonForward"
android:background="#android:color/holo_green_dark"
android:gravity="center"
android:text="PS"
android:textColor="#android:color/white" />
<Button
android:id="#+id/buttonBackward"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_centerVertical="true"
android:layout_marginEnd="8dp"
android:layout_toStartOf="#id/buttonPlayAndStop"
android:background="#android:color/holo_green_dark"
android:gravity="center"
android:text="B"
android:textColor="#android:color/white" />
</RelativeLayout>
Although the preview shows the image but when I run the application on the device, the image is not shown in the card view.
XML
<com.google.android.material.card.MaterialCardView
android:id="#+id/CollegesCard"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/ImportantDatesCard"
android:layout_alignParentStart="true"
android:layout_marginStart="15dp"
android:layout_marginTop="13dp"
android:elevation="10dp"
android:padding="10dp"
android:background="#drawable/campus"
android:foreground="?android:attr/selectableItemBackground"
android:clickable="true"
android:focusable="true"
android:stateListAnimator="#drawable/lift_on_touch">
<RelativeLayout
android:layout_width="170dp"
android:layout_height="170dp"
android:layout_gravity="center">
<TextView
android:id="#+id/COLLEGES"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="5dp"
android:fontFamily="serif-monospace"
android:text="COLLEGES"
android:textColor="#000"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:id="#+id/Content"
android:layout_width="102dp"
android:layout_height="107dp"
android:layout_below="#+id/COLLEGES"
android:layout_marginStart="1dp"
android:layout_marginTop="14dp"
android:text="Take Admission in Top Colleges in your Location"
android:textColor="#200094"
android:textSize="15sp" />
<ImageView
android:id="#+id/CAMPUSIMAGE"
android:layout_width="65dp"
android:layout_height="73dp"
android:layout_below="#+id/COLLEGES"
android:layout_alignStart="#+id/Content"
android:layout_marginStart="101dp"
android:layout_marginTop="2dp"
tools:srcCompat="#drawable/campus" />
<ImageView
android:layout_width="54dp"
android:layout_height="38dp"
android:layout_below="#id/CAMPUSIMAGE"
android:layout_alignStart="#+id/CAMPUSIMAGE"
android:layout_alignParentEnd="true"
android:layout_marginStart="7dp"
android:layout_marginTop="13dp"
android:layout_marginEnd="14dp"
tools:srcCompat="#drawable/ic_arrow_forward_black_24dp"
android:scaleType="centerCrop"/>
</RelativeLayout>
</com.google.android.material.card.MaterialCardView>
[This is the image of the snapshot from virtual device.1[This is the image of the preview]2
I have attached the images of screenshot of the preview and the application running on a device. I have no idea why the image is not shown.
Image type is .png and it is been added from the drawable folder.
I changed some attributes of the 3 views, try it:
<com.google.android.material.card.MaterialCardView
android:id="#+id/CollegesCard"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="#+id/ImportantDatesCard"
android:layout_alignParentStart="true"
android:layout_marginStart="15dp"
android:layout_marginTop="13dp"
android:elevation="10dp"
android:padding="10dp"
android:background="#drawable/campus"
android:foreground="?android:attr/selectableItemBackground"
android:clickable="true"
android:focusable="true"
android:stateListAnimator="#drawable/lift_on_touch">
<RelativeLayout
android:layout_width="170dp"
android:layout_height="170dp"
android:layout_gravity="center">
<TextView
android:id="#+id/COLLEGES"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="5dp"
android:fontFamily="serif-monospace"
android:text="COLLEGES"
android:textColor="#000"
android:textSize="18sp"
android:textStyle="bold" />
<TextView
android:id="#+id/Content"
android:layout_width="102dp"
android:layout_height="107dp"
android:layout_below="#+id/COLLEGES"
android:layout_marginStart="1dp"
android:layout_marginTop="14dp"
android:text="Take Admission in Top Colleges in your Location"
android:textColor="#200094"
android:textSize="15sp" />
<ImageView
android:id="#+id/CAMPUSIMAGE"
android:layout_width="65dp"
android:layout_height="73dp"
android:layout_below="#+id/COLLEGES"
android:layout_alignParentEnd="true"
android:layout_toEndOf="#+id/Content"
android:layout_marginTop="2dp"
tools:srcCompat="#drawable/campus" />
<ImageView
android:layout_width="54dp"
android:layout_height="38dp"
android:layout_below="#id/CAMPUSIMAGE"
android:layout_alignParentEnd="true"
android:layout_toEndOf="#+id/Content"
android:layout_marginStart="7dp"
android:layout_marginTop="13dp"
android:layout_marginEnd="14dp"
tools:srcCompat="#drawable/ic_arrow_forward_black_24dp"
android:scaleType="centerCrop"/>
</RelativeLayout>
</com.google.android.material.card.MaterialCardView>
I want to highlight the selected list item totally, not only background color but the whole list item should have same color.
This is the one without highlighting
I want the output as this was
I am getting just the background color. I have used this code
view.setBackgroundResource(R.color.white);
I am getting like this as output
<android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="#+id/alert_Item"
android:layout_marginTop="5dp">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="8dp"
android:layout_marginLeft="16dp"
android:layout_marginRight="16dp"
android:layout_marginTop="8dp"
android:background="#drawable/list_corners"
>
<ImageView
android:id="#+id/imageView3"
android:layout_width="8dp"
android:layout_height="13dp"
/>
<TextView
android:id="#+id/date"
android:layout_width="108dp"
android:layout_height="13dp"
android:text="member name"
android:textSize="10sp"
android:textColor="#color/textColorPrimary"/>
<TextView
android:id="#+id/memberName"
android:layout_width="98dp"
android:layout_height="13dp"
android:layout_alignParentRight="true"
android:text="member name"
android:textAlignment="textEnd"
android:textSize="10sp"
android:textColor="#color/textColorPrimary"/>
<TextView
android:id="#+id/alertId"
android:layout_width="132dp"
android:layout_height="15dp"
android:text="alert id"
android:textSize="12sp"
android:textColor="#color/textColorPrimary"/>
<TextView
android:id="#+id/alertName"
android:layout_width="72dp"
android:layout_height="13dp"
android:layout_alignBaseline="#+id/alertId"
android:layout_alignParentRight="true"
android:layout_marginTop="2dp"
android:text="alert name"
android:textAlignment="textEnd"
android:textSize="10sp"
android:textColor="#color/textColorPrimary"/>
</RelativeLayout>
I am trying to create a login page on android but when I run it, the bottom content does not seem to show on my phone but it works fine on my tab, does anyone have a solution for this? I really don't know what layout to use. I am currently using a RelativeLayout.
This is the preview from Android Studio:
From my phone:
The text below the login button doesn't show on my phone
<ImageView
android:id="#+id/imageView"
android:layout_width="match_parent"
android:layout_height="660dp"
android:scaleType="centerCrop"
android:src="#drawable/chimesignupbg" />
<ImageView
android:id="#+id/imageView2"
android:layout_width="280dp"
android:layout_height="wrap_content"
android:src="#drawable/logo"
android:layout_row="9"
android:layout_column="1"
android:layout_marginTop="90dp"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true" />
<EditText
android:id="#+id/usernameEditText"
android:layout_width="310dp"
android:layout_height="wrap_content"
android:ems="10"
android:fontFamily="sans-serif"
android:hint=" USERNAME"
android:inputType="textPersonName"
android:textColor="#FFFFFF"
android:textColorHint="#ffffff"
android:textSize="20sp"
android:drawableLeft="#drawable/avatar"
android:layout_marginTop="49dp"
android:layout_below="#+id/imageView2"
android:layout_centerHorizontal="true" />
<EditText
android:id="#+id/passwordEditText"
android:layout_width="310dp"
android:layout_height="wrap_content"
android:ems="10"
android:hint=" PASSWORD"
android:inputType="textPassword"
android:textColor="#ffffff"
android:textColorHint="#ffffff"
android:textSize="20sp"
android:drawableLeft="#drawable/keyy"
android:layout_below="#+id/usernameEditText"
android:layout_alignLeft="#+id/usernameEditText"
android:layout_alignStart="#+id/usernameEditText"
android:layout_marginTop="38dp" />
<Button
android:text="LOG IN"
android:id="#+id/loginButton"
style="#style/Widget.AppCompat.Button"
android:layout_width="200dp"
android:layout_height="70dp"
android:onClick="LoginButton"
android:layout_below="#+id/passwordEditText"
android:layout_centerHorizontal="true"
android:layout_marginTop="44dp" />
<TextView
android:text="Don't have an account?"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="#+id/textView"
android:textColor="#ffffff"
android:textSize="18sp"
android:layout_marginTop="540dp"
android:layout_alignLeft="#+id/imageView2"
android:layout_alignStart="#+id/imageView2"
android:layout_marginLeft="24dp"
android:layout_marginStart="24dp" />
<TextView
android:text=" Sign up"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="#+id/signupLink"
android:textSize="17sp"
android:layout_alignBaseline="#+id/textView"
android:layout_alignBottom="#+id/textView"
android:layout_toRightOf="#+id/textView"
android:layout_toEndOf="#+id/textView" />
</RelativeLayout>
Rather than having the "Don't have an account" TextView as android:layout_marginTop="540dp" trying having it in relation to the loginButton android:layout_below="#+id/loginButton"