android


How to averlap toolbar over actionbar in second layout of an android?


I am developing an android application in which I want to stream audio from internet. Below is the screenshots for my application:
here is the activity.xml code for that:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="#+id/relative_layout">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="#+id/content">
<LinearLayout
android:layout_width="365dp"
android:layout_height="164dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="15dp"
android:layout_marginRight="5dp"
android:id="#+id/linear_layout"
android:clickable="true"
android:background="#drawable/abc_popup_background_mtrl_mult">
<ImageView
android:id="#+id/track_image"
android:layout_width="150dp"
android:layout_height="150dp"
android:background="#drawable/mp3img"
android:layout_centerVertical="true"
android:layout_alignParentStart="true" />
<TextView
android:id="#+id/track_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="ABC Live Radio"
android:layout_marginStart="4dp"
android:layout_marginLeft="1dp"
android:textSize="15sp"
android:layout_marginTop="42dp"
android:layout_alignTop="#+id/track_image"
android:layout_toEndOf="#+id/track_image"
android:textColor="#474747" />
</LinearLayout>
<android.support.v7.widget.Toolbar
android:id="#+id/toolbar_fo"
android:background="#333333"
android:theme="#style/Base.ThemeOverlay.AppCompat.Dark.ActionBar"
android:layout_width="match_parent"
android:layout_height="80dp"
android:clickable="true"
android:layout_alignParentBottom="true">
<ImageView
android:id="#+id/player_control"
android:layout_gravity="left"
android:layout_width="60dp"
android:layout_height="60dp"
android:background="#drawable/mp3img"/>
<TextView
android:id="#+id/selected_track_title"
android:paddingLeft="8dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="ABC Live Radio"
/>
<FrameLayout
android:layout_width="50dp"
android:layout_height="50dp"
android:layout_gravity="right"
android:layout_marginEnd="10dp">
<Button
android:id="#+id/play"
android:layout_width="50dp"
android:layout_height="50dp"
android:background="#drawable/ic_play_circle_outline_black_24dp"/>
<Button
android:id="#+id/stop"
android:layout_width="50dp"
android:layout_height="50dp"
android:visibility="gone"
android:background="#drawable/ic_stop_black_24dp"/>
</FrameLayout>
</android.support.v7.widget.Toolbar>
</RelativeLayout>
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone"
android:background="#bf000000"
android:id="#+id/overlay">
<android.support.v7.widget.Toolbar
android:id="#+id/toolbar_tfo"
android:background="#bf000000"
android:layout_width="match_parent"
android:layout_height="55dp">
<Button
android:id="#+id/back"
android:layout_gravity="left"
android:layout_width="35dp"
android:layout_height="35dp"
android:background="#drawable/ic_keyboard_backspace_black_24dp" />
<TextView
android:id="#+id/ol_title"
android:paddingLeft="8dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Live Radio"
android:textSize="15sp"
android:textColor="#f4f3f3"/>
</android.support.v7.widget.Toolbar>
<ImageView
android:id="#+id/track_olimage"
android:layout_width="260dp"
android:layout_height="260dp"
android:background="#drawable/mp3img"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:layout_marginTop="95dp" />
<FrameLayout
android:layout_width="65dp"
android:layout_height="65dp"
android:layout_marginEnd="10dp"
android:layout_alignParentBottom="true"
android:layout_marginBottom="10dp"
android:layout_centerHorizontal="true">
<Button
android:id="#+id/play_ol"
android:layout_width="55dp"
android:layout_height="55dp"
android:background="#drawable/ic_play_circle_outline_black_24dp"/>
<Button
android:id="#+id/stop_ol"
android:layout_width="55dp"
android:layout_height="55dp"
android:visibility="gone"
android:background="#drawable/ic_stop_black_24dp"/>
</FrameLayout>
</RelativeLayout>
</RelativeLayout>
What i want is that whenever user clicks on toolbar(shown in first screenshot bottom of relativelayout content) another view opens (shown in second screen shot) and it will overlaps the first layout. but the problem is that I want that toolbar also shown above the action bar. How can I do this?
Every kind of help is appreciated..

Related Links

Prestashop and web service(Restful), HttpURLConnection, BufferedReader
Assign text read from file in network to TextView in Android fragment
How to execute TranslateAnimation sequentially without knowing how many translate you'll have to do (android)?
Android MediaCodec issue on Alcatel OneTouch 7025D
FATAL EXCEPTION: java.lang.RuntimeException: takePicture failed
Detect if Google Plays services is installed from a browser
Android Read WhatsApp Data
Which is best for an android app: Using bitmap or drawing the circle?
Which Intent is broadcasted when networkType(Telephony Manager) changes
Android : Static Spinner values match based on DatePicker
Spinner image changes in android?
Get item ID from populated ListView
Huge SQLite DB on Android app doubles its size
How to design a FullScreen Layout with Image, Text and GMap Fragment in Android
Android NumberPicker set min and max values in xml
How can I share string-array between applications in Android?

Categories

HOME
google-app-engine
azure-stream-analytics
api
amp-html
serialization
camera
solver
appcelerator
replace
maxscript
settings
google-admin-sdk
crystal-reports-2013
missing-data
extjs4.2
p2p
minecraft-forge
ibeacon-android
spring-social
tput
libc
endpoint
gkturnbasedmatch
symmetricds
job-scheduling
database-connection
asciidoctor-pdf
google-api-client
mount
amazon-quicksight
mat
carrierwave
google-earth
kodi
angularjs-material
slacktextviewcontroller
hivemq
reason
watchman
tex
spring-mvc-test
kill
visa
portforwarding
bindingnavigator
stylecop
oim
builder
linter
globalize
netbeans6.8
dtsearch
configurationmanager
tinymce-3
custom-font
boo
dt
bbpress
flac
gameplay-kit
vibrate
chromium-os
usart
atlas
segment-io
resourcemanager
signalr.client
macaulay2
jclouds
android-wake-lock
stream-processing
php-socket
upx
phpgrid
opl
dllimport
lazybones
google-books
visual-sourcesafe-2005
canalyzer
strawberry-perl
unix-socket
verold
gnumeric
poker
epiceditor
css-reset
windows-98
mapping-by-code
catransform3d
clrstoredprocedure
metaweblog
facebook-iframe
vs-android
binomial-heap
zen
burndowncharts
django-piston
fdf
flvplayback

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App