Android fading/dimming like menu option -
i have layout icons. when touch 1 icon on bottom, in 1/4 of screen on bottom wil become option menu created myself.
my goal fade / dimm rest of screen, except 1/4 on bottom. make part of screen inactive, optionmenu in android.
do have idea how this? shuld create 2 separate layouts, 1 icons , menu?
thank you.
here ma initial layout:
<?xml version="1.0" encoding="utf-8"?> <relativelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/bg" > <relativelayout android:id="@+id/mainrelativelayout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparentbottom="true" android:layout_alignparentleft="true" android:layout_alignparentright="true" android:layout_alignparenttop="true" android:layout_marginleft="10dp" android:layout_margintop="10dp" > <textview android:id="@+id/centertextviewjournals" android:layout_width="wrap_content" android:layout_height="20dp" android:layout_centerhorizontal="true" android:layout_centervertical="true" android:text=" " /> <imageview android:id="@+id/invisibleimageview" android:layout_width="120dp" android:layout_height="120dp" android:layout_centerhorizontal="true" android:layout_centervertical="true" /> <imageview android:id="@+id/editorialboard" android:layout_width="120dp" android:layout_height="120dp" android:layout_above="@+id/centertextviewjournals" android:layout_centerhorizontal="true" android:onclick="goeditorialboard" android:src="@drawable/button_about_active" /> <imageview android:id="@+id/contact" android:layout_width="120dp" android:layout_height="120dp" android:layout_alignbottom="@+id/centertextviewjournals" android:layout_torightof="@+id/centertextviewjournals" android:onclick="gocontact" android:src="@drawable/button_about_active" /> <imageview android:id="@+id/aimsandscope" android:layout_width="120dp" android:layout_height="120dp" android:layout_alignbottom="@+id/centertextviewjournals" android:layout_toleftof="@+id/centertextviewjournals" android:onclick="goaimsandscope" android:src="@drawable/button_about_active" /> <imageview android:id="@+id/articles" android:layout_width="180dp" android:layout_height="180dp" android:layout_centerhorizontal="true" android:layout_centervertical="true" android:onclick="goarticles" android:paddingbottom="9px" android:paddingleft="6px" android:paddingright="8px" android:paddingtop="4px" android:src="@drawable/button_about_active" /> </relativelayout> <imageview android:id="@+id/startselectingdifferentjournal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignparentbottom="true" android:layout_alignparentleft="true" android:scaletype="fitxy" android:src="@drawable/journal_selecting_barr" /> <gallery android:id="@+id/gallery" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_above="@+id/selectdifferentjournaledittext" android:layout_alignparentleft="true" android:gravity="bottom" /> <edittext android:id="@+id/selectdifferentjournaledittext" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_centerhorizontal="true" android:layout_alignparentbottom="true" android:visibility="gone" android:hint="search journal"> </edittext> <imageview android:id="@+id/selectingdifferentjournal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/gallery" android:layout_alignparentleft="true" android:layout_alignparentright="true" android:gravity="bottom" android:scaletype="fitxy" android:src="@drawable/journal_selecting_barr" />
alright, here's simple way of doing this, going have modify layout setup.
<?xml version="1.0" encoding="utf-8"?> <framelayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"> <relativelayout android:layout_width="match_parent" android:layout_height="match_parent" android:background="@drawable/bg" > <relativelayout android:id="@+id/mainrelativelayout" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignparentbottom="true" android:layout_alignparentleft="true" android:layout_alignparentright="true" android:layout_alignparenttop="true" android:layout_marginleft="10dp" android:layout_margintop="10dp" > <textview android:id="@+id/centertextviewjournals" android:layout_width="wrap_content" android:layout_height="20dp" android:layout_centerhorizontal="true" android:layout_centervertical="true" android:text=" " /> <imageview android:id="@+id/invisibleimageview" android:layout_width="120dp" android:layout_height="120dp" android:layout_centerhorizontal="true" android:layout_centervertical="true" /> <imageview android:id="@+id/editorialboard" android:layout_width="120dp" android:layout_height="120dp" android:layout_above="@+id/centertextviewjournals" android:layout_centerhorizontal="true" android:onclick="goeditorialboard" android:src="@drawable/button_about_active" /> <imageview android:id="@+id/contact" android:layout_width="120dp" android:layout_height="120dp" android:layout_alignbottom="@+id/centertextviewjournals" android:layout_torightof="@+id/centertextviewjournals" android:onclick="gocontact" android:src="@drawable/button_about_active" /> <imageview android:id="@+id/aimsandscope" android:layout_width="120dp" android:layout_height="120dp" android:layout_alignbottom="@+id/centertextviewjournals" android:layout_toleftof="@+id/centertextviewjournals" android:onclick="goaimsandscope" android:src="@drawable/button_about_active" /> <imageview android:id="@+id/articles" android:layout_width="180dp" android:layout_height="180dp" android:layout_centerhorizontal="true" android:layout_centervertical="true" android:onclick="goarticles" android:paddingbottom="9px" android:paddingleft="6px" android:paddingright="8px" android:paddingtop="4px" android:src="@drawable/button_about_active" /> </relativelayout> <imageview android:id="@+id/startselectingdifferentjournal" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_alignparentbottom="true" android:layout_alignparentleft="true" android:scaletype="fitxy" android:src="@drawable/journal_selecting_barr" /> </relativelayout> <linearlayout android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/dimmer_layout"/> <relativelayout layout_width="match_parent" layout_height="match_parent"> <gallery android:id="@+id/gallery" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_above="@+id/selectdifferentjournaledittext" android:layout_alignparentleft="true" android:gravity="bottom" /> <edittext android:id="@+id/selectdifferentjournaledittext" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_centerhorizontal="true" android:layout_alignparentbottom="true" android:visibility="gone" android:hint="search journal"> </edittext> <imageview android:id="@+id/selectingdifferentjournal" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_above="@+id/gallery" android:layout_alignparentleft="true" android:layout_alignparentright="true" android:gravity="bottom" android:scaletype="fitxy" android:src="@drawable/journal_selecting_barr" /> </relativelayout> </framelayout> when menu gets opened, set linear layout's background transparent black 0x55000000.
void onmenuopen() { openthemenu(); linearlayout lldimmer = (linearlayout)findviewbyid(r.id.dimming_layout); lldimmer.setbackgroundcolor(0x55000000); } then can set background color 0x00000000 after menu closes.
Comments
Post a Comment