android - Design a HorizontalScrollView inside of ViewPager or use fragments: -


i need design following screen, , need advice:

enter image description here

explanation:

the title static/fixed , don't need it.

yellow: interesting part, need design viewpager screen has capability scroll left/right max 4 screens.

red: in every screen need add table/grid can scrollable if it's not fits screen size.

green: page switching can done using green buttons in bottom of screen or scrolling viewpager.

the question is: can behavior achieve using viewpager or should use fragments? if fragment way go, how implement page switching using sliding gesture? if it's viewpager how add inside scrolling , how control using buttons @ bottom?

any appreciated, thanks.

i think should tackled non swipeable viewpager. there no way view pager and underlying fragments should respond swiping gesture. methods override disable swiping within viewpager are:

  1. ontouchevent() - returns false.
  2. onintercepttouchevent()- returns false.

refer this question more information on how achieve this.

next want using fragments within each of pager holders. we're building following layout:

within parent activity fragmentpageradapter instantiated , tabs added tag:

activity changes

@override protected void oncreate(final bundle saveinstancestate) {     final fragmentpageradapter mytabadapter = new myfragmentpageradapter(             <your viewpager view>, <your activity context, this>);     mytabadapter.addtab(getactionbar().newtab(), "your tag", "your title");     // etc... }

so gives frame of diagram above. hosting activity, containing viewpager , underlying tabs. next getting fragments (containing tables) each of respective tabs. handled fragmentpageradapter implementation:

fragment adapter (inner class activity):

private class myfragmentpageradapter extends fragmentpageradapter implements         actionbar.tablistener, viewpager.onpagechangelistener {      /**      * constructs pager adapter {@link viewpager}.      *       * @param pager      *            {@link viewpager} widget.      * @param activitycontext      *            context widget being added under.      */     public spotmenufragmentpageradapter(final viewpager pager,             final context activitycontext) {         super(getfragmentmanager());         pager.setadapter(this);         this.context = activitycontext;     }      /**      * adds tab hosting activity action bar.      *       * @param newtab      *            tab add.      * @param tag      *            tab tag id purposes.      * @param label      *            label of tab displayed user.      */     public void addtab(final actionbar.tab newtab, final string tag,             final string label) {         newtab.settag(tag);         newtab.settext(label);         newtab.settablistener(this);         getsupportactionbar().addtab(newtab);     }      /**      * work of building correct fragment based      * on tab selected.      *       * @see fragmentpageradapter#getitem(int)      */     @override     public fragment getitem(final int position) {         final tab tab = getactionbar().gettabat(position);         if ("my tag".equals(tab.gettag().tostring()) {             // instantiate fragment (table) "my tag"         } else {             // instantiate else...         }     }      /**      * 1 fragment per tab.      *       * @see android.support.v4.view.pageradapter#getcount()      */     @override     public int getcount() {         return getsupportactionbar().gettabcount();     }      /**      * @see viewpager.onpagechangelistener#onpagescrollstatechanged(int)      */     @override     public void onpagescrollstatechanged(final int arg0) {         // no-op.     }      /**      * @see viewpager.onpagechangelistener#onpagescrolled(int, float, int)      */     @override     public void onpagescrolled(final int arg0, final float arg1,             final int arg2) {         // no-op.     }      /**      * @see viewpager.onpagechangelistener#onpageselected(int)      */     @override     public void onpageselected(final int position) {         getsupportactionbar().setselectednavigationitem(position);     }      /**      * @see tablistener#ontabselected(app.actionbar.tab,      *      app.fragmenttransaction)      */     @override     public void ontabselected(final tab tab, final fragmenttransaction ft) {         viewpager.setcurrentitem(tab.getposition());     }      /**      * @see tablistener#ontabunselected(actionbar.tab,      *      app.fragmenttransaction)      */     @override     public void ontabunselected(final tab tab, final fragmenttransaction ft) {         // no-op.     }      /**      * @see tablistener#ontabreselected(actionbar.tab,app.fragmenttransaction)      */     @override     public void ontabreselected(final tab tab, final fragmenttransaction ft) {         // no-op.     } }

so point have activity hosting 'non-swipeable' view pager , mechanism switching tabs in form of tab bar underneath title (or alongside depending on screen size). point sure customise replace tab bar navigational arrows.

note: lot of written memory i've conveyed gist of go this.

update

in response updated question: can set tab old view. set tabspec accordingly. apologies haven't used myself.


Comments

Post a Comment

Popular posts from this blog

get url and add instance to a model with prefilled foreign key :django admin -

Image
i have page in each contest shown in row. each row contains contest id , link other model names have foreign key contest. news model: class news(models.model): title = models.charfield(max_length=50, null=true) description = models.textfield() time = models.timefield( default= datetime.datetime.now().time()) contest = models.foreignkey(contest) i want use admin adding , changing these models. want when user clicks on 'news' has foreign key contest id=1, shows list of news value foreign key. use {% instance in instances %} <tr class="{% cycle 'row1' 'row2' %}"> <td>{{ instance.title }}</td> <td>{{ instance.starttime }}</td> <td>{{ instance.timespan }}</td> <td>{{ instance.date }}</td> <td><a href="/adm...
Read more

css - Make div keyboard-scrollable in jQuery Mobile? -

from can tell, although jquery-mobile-powered pages can contain divs overflow set scroll or auto, , these divs can scrolled one-screen bar or mouse wheel, cannot scrolled using arrow keys, page-up/page-down, or home/end. instead, official "page" div (with data-role="page") absorbs input. perhaps other divs can't acquire focus, i'm not sure. is there way around this? edit: jsfiddle of simple example: https://jsfiddle.net/qogz0shx/ <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"> </script> <link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.css"/> <style> #outer { overflow:scroll; height: 50vh; width: 50vw; } #inner { height: 500vh; width: 500vw; } ...
Read more

ruby on rails - Seeing duplicate requests handled with Unicorn -

recently upgraded our ec2 instances c3.large in order boost more unicorn workers handle increased traffic our site. (6xworkers per machine - 2 ec2 instances). when did this, started seeing duplicate records being created! looks somehow, maybe 2 unicorn workers attempting process same request? in nginx logs see 1 [post] request particular rails controller - yet 2 records being created in database. i'm hitting kind of race condition issue - have no idea how debug this. doesn't happen time, when it's frustrating well. noticed 2 database records within 5 seconds of each other. (and yes disable button when user clicks submit button). unicorn 4.8.2 ruby 1.9.3 rails 3.2.14 any great! thanks! although may not fix problem, upgrade ruby 2.0.0. there blog mentioning idea upgrade ruby 2.0.0 if using unicorn. for example: https://www.digitalocean.com/community/articles/how-to-optimize-unicorn-workers-in-a-ruby-on-rails-app specifically: if using ruby 1.9, ...
Read more