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

Google Android Development Tool crashes periodically on Linux host…is this normal?
Java.net.socket exception:address family not supported when i tried on physical device,but it is working fine with emulator
Application get crashed when came back from camera
Android: Disable DialogFragment OK Buttons Until Select A Radio Value
How to get notification on custom lock screen
Android: How can I set mMultiWindowStyle of Intent
play audio using MediaExtractor, MediaCodec and AudioTrack
android how to add two countdowntimer in single activity?
Corona/Lua and collisions: “attempt to concatenate field 'name' (a nil value)”
unable to find my real android device in android device chooser
Compress image without losing the quality
Android testing - Activity is destroyed unexpectedly while an AsyncTask is executing
How do I Connect my Android device remotely using TCPIP?
how to retrieve name of image displayed by ImageView?
How to create a database in the device native platform using Worklight?
Android Facebook Handle Session

Categories

HOME
batch-file
beautifulsoup
ng-idle
ggplot2
apiblueprint
opendj
telegram-bot
gluon-mobile
performancepoint
octave
ibeacon-android
android-securityexception
x-cart
internationalization
scsi
powershell-v5.0
google-content-api
bourbon
question2answer
string-concatenation
monit
definitelytyped
jackson-modules
rpgle
tpm
nsurl
record
autolisp
spring-security4
sql-delete
processwire
fiware-cygnus
navigator
salesforce-communities
sql-server-ce
typesafe-config
resolution
skylink
drupal-theming
uiimage
oim
httr
linter
gitlist
arq
java-bytecode-asm
compiler-design
skin
arules
css-transforms
mathcad
branch-prediction
juice-ui
usart
winusb
async.js
uicolor
wso2developerstudio
tooleap
phpwebsocket
np-spring
false-sharing
piracy-prevention
jaunt-api
relativelayout
canvg
shopizer
structuremap3
easyrtc
raygun
encryption-asymmetric
template-deduction
grails-plugin-rabbitmq
radiant
fpdi
mysql-error-1044
breakout
isqlquery
windows-phone-8-sdk
model-driven-development
jeromq
ice-cube
cocoalibspotify-2.0
hidapi
script#
merb
mysql-error-2013
swfobject
panda3d
extreme-programming
listitem
paginator
garbage
appjs
predicatebuilder
wiimote
cuteeditor
tmx
cloudfiles
web-garden
lobo-cobra
interop-domino
escrow
wysiwym
application-planning
leader

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