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

Layout looks different on devices
Check android device density in html
Is that possible to connect two phones with adb connect?
App using Mobile Android GNSK crashes when identifyAlbumAsync() is called before audioProcessStart()
Get values from multiple RadioGroups
Can't Initialize Google Play Services
RESTful Api or Socket.IO
Android adding image to picture taken with camera
Cannot see any git branches
How to detect if my app was uninstalled? [duplicate]
android- How to animate between view flipper change images
Migrating to Google Maps V2. Neccessary to compile using Google Apis?
bitmap image into Base64(blob), and try to save in mysql error in connection
Insert a sound after a Toast, Eclipse
How to find out that RSS feed is updated?
getCurrentSizeRange() on Android earlier than 4.1

Categories

HOME
google-app-engine
microsoftgraph
jpa
codenvy
wakanda
mjml
composite-primary-key
can
limit
jtextpane
pcl-crypto
endeca
siddhi
tput
eip
docx
entitymanager
shortest-path
sigma.js
charles
apache2.4
rubymotion
short-url
perlbrew
jboss6.x
windows-server-2003
winexe
tpm
aws-codecommit
dst
weather
left-join
rselenium
android-gridview
carriage-return
yowsup
imx6
hivemq
reason
google-knowledge-graph
xcode7.3
odroid
demo
typesafe-config
spring-mvc-test
magento-1.9.3
laravel-elixir
skylink
proget
clarifai
gitlist
hammer.js
yii2-user
filehandle
flac
rsa-archer-grc
reachability
usart
stax
qtplugin
vulcanize
ng-grid
clipboard.js
cassia
lua-telegram-bot
cda
pushbots
design-principles
crouton-os
asyncdisplaykit
custom-errors
grgit
wiredep
pax-exam
uncompress
snoop
bufferedinputstream
j-security-check
gamekit
procedural-programming
rapidsvn
at-job
cosine-similarity
sql-scripts
teaspoon
genymotion-call
cbind
mobility
wxformbuilder
decoupling
git-repo
android-audiorecord
ecslidingviewcontroller
mt4j
light
away3d
hidapi
bjyauthorize
dopostback
fragmenttransaction
saleslogix
oracle-enterprise-linux
workflow-services
filemerge
zen
technical-debt
soappy
mathematical-typesetting
image-capture

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