android - Material Design: Nav Drawer Width -



android - Material Design: Nav Drawer Width -

according the material design specs nav drawer's width on mobile devices must

side nav width = screen width - app bar height

how implement on android?

i have 2 partial solutions. first hacky way: in containing activity set code:

if (build.version.sdk_int > build.version_codes.honeycomb_mr1) { final display display = getwindowmanager().getdefaultdisplay(); final point size = new point(); display.getsize(size); final viewgroup.layoutparams params = mdrawerfragment.getview().getlayoutparams(); params.width = size.x - getresources().getdimensionpixelsize( r.dimen.abc_action_bar_default_height_material ); mfragmentuserlist.getview().setlayoutparams(params); }

this, however, causes sec layout cycle , doesn't work in gingerbread: not optimal.

the sec solution involves adding space between fragment , drawerlayout. however, displaces shadow , spot user can press homecoming main app. crashes when "hamburguer" icon pressed. not optimal either.

is there improve solution, preferably 1 involves styles , xml?

with android design back upwards library simple implement navigation drawer including right sizing. utilize navigationview , either utilize ability create drawer out of menu resource (example here) or can wrap around view currenty utilize showing drawer list (e.g. listview, recyclerview). navigationview take care of drawer sizing you.

here's illustration how utilize navigationview wrapped around listview:

<?xml version="1.0" encoding="utf-8"?> <android.support.v4.widget.drawerlayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/navdrawer_layout" android:fitssystemwindows="true"> <!-- layout content shown --> <relativelayout android:layout_width="match_parent" android:layout_height="match_parent"> <include android:id="@+id/toolbar" layout="@layout/toolbar" /> <framelayout android:id="@+id/content_frame" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_below="@id/toolbar" /> <!-- toolbar shadow pre-lollipop --> <view style="@style/toolbardropshadow" android:layout_width="match_parent" android:layout_height="3dp" android:layout_below="@id/toolbar" /> </relativelayout> <android.support.design.widget.navigationview android:id="@+id/navigation_view" android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_gravity="start"> <listview android:id="@+id/navdrawer_list" android:layout_width="match_parent" android:layout_height="match_parent" android:choicemode="singlechoice" android:dividerheight="0dp" android:divider="@null"/> </android.support.design.widget.navigationview> </android.support.v4.widget.drawerlayout>

this way can utilize navigationviews sizing , still utilize own drawer list. though much easier create drawer list out of menu resource (example here) can't utilize custom views list items.

android appcompat material-design

Comments

Post a Comment

Popular posts from this blog

Delphi change the assembly code of a running process -

Delphi change the assembly code of a running process - i'm trying alter address 00741fa5 has push test.009e721c . alter push test.009e71c8 . procedure callback; asm force $9e71c8 end; procedure tform2.btn1click(sender: tobject); var ppid :dword; pprocess : cardinal; begin getwindowthreadprocessid(findwindow(nil,pchar('test')), @ppid); pprocess := openprocess(process_all_access, false, ppid); injectasm(pprocess, $741fa5, 10, integer(@callback), 0); end; here injectasm function (with error checking) function injectasm(process: longword; injectaddress, injectsize, codeaddress, codesize : integer): pointer; var csize, rsize : integer; replaced : array of byte; jmp : array [0..4] of byte; jmpaddress : integer; nopv : byte; : integer; nbr: ulong_ptr; begin //injectsize must equal or greater 5, because need space our //(far) jmp wwxxyyzz instruction //if there's no space, inject in place of few instructions if injectsize ...
Read more

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) -

json - Hibernate and Jackson (java.lang.IllegalStateException: Cannot call sendError() after the response has been committed) - hello have problem hibernate , jackson. have 2 pojos @entity @table(name = "users") public class user implements serializable { static final long serialversionuid = 4235637833262722256l; @id @generatedvalue private int id; @column(name = "creation_date") private date creationdate; @column(name = "first_name") private string firstname; @column(name = "last_name") private string lastname; @version @column(name = "version") private int version; @column(name = "e_mail") private string email; @column(name = "enabled") private boolean enabled; @column(name = "login") private string login; @column(name = "password") private string password; @jsonmanagedreference("role") @onetomany(mappedby = "user", cascade = cascadetype.all,fetch = fetchtyp...
Read more

C++ 11 "class" keyword -

C++ 11 "class" keyword - i've started using c++ 11 little bit more , have few questions on special uses of class keyword. know it's used declare class, there's 2 instances have seen don't understand: method<class t>(); and class class_name *var; why precede typename keyword class in first example, , keyword pointer in sec example? that known elaborated type specifier , necessary when class name "shadowed" or "hidden" , need explicit. class t { }; // love of god don't t t; t t2; if compiler smart, give these warnings: main.cpp:15:5: error: must utilize 'class' tag refer type 't' in scope t t2; ^ class main.cpp:14:7: note: class 't' hidden non-type declaration of 't' here t t; ^ if class not defined, deed forwards declaration. for example: template <typename t> void method() { using type = typename t::value_type; } method...
Read more