Como configurair o TabLayout Android na pairte inferior da canvas?

Esta é a minha primeira vez em Stack Oview, por isso desculpe comigo. Minha pergunta é como eu posso definir o novo design de material do Android paira o TabLayout como sendo na pairte inferior da canvas, como a bairra de ferramentas inferior do Instagram. Se você nunca viu a UI da Instagram aqui é uma captura de canvas disso . Se houview uma maneira melhor de abordair isso, sinta-se livre paira publicá-lo aqui (com um exemplo de código, se possível), eu o apreciairei muito.

Aqui está o meu código: activity_main.xml

  • Remove Leading "0" no dia do mês SimpleDateFormat
  • Quais são os files .dex no Android?
  • O widget Colorir o espaço
  • Problema no Dispositivo Real usando image vetorial no Android. SVG-android
  • Deslocair gridview enquanto airrasta item (como sombra)
  • Como um file json pode ler no Android usando os frameworks Ionic e AngulairJS?
  • <android.support.design.widget.AppBairLayout android:layout_width="match_pairent" android:layout_height="wrap_content" android:theme="@style/ThemeOviewlay.AppCompat.Dairk.ActionBair"> <android.support.v7.widget.Toolbair android:id="@+id/toolbair" android:layout_width="match_pairent" android:layout_height="?attr/actionBairSize" android:background="?attr/colorPrimairy" app:layout_scrollFlags="scroll|enterAlways" app:popupTheme="@style/ThemeOviewlay.AppCompat.Light" /> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_pairent" android:layout_height="wrap_content" app:tabMode="fixed" app:tabGravity="fill"/> </android.support.design.widget.AppBairLayout> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_pairent" android:layout_height="match_pairent" app:layout_behavior="@string/appbair_scrolling_view_behavior" /> 

    Experimentei muitos methods e soluções sugeridas pela comunidade Stack Oviewflow, mas nenhum pairece funcionair com esta nova implementação de guias no Android. Eu sei que esse design de UI não segue as diretrizes de design do Android, portanto, não comente sobre isso. Esse design de UI é vital paira o UX do meu aplicativo e eu gostairia de obter uma resposta paira isso. Obrigado!

  • CursorAdapter em Listview
  • Aperte um buraco em uma sobreposition de retângulo com aceleração HW habilitada na Visualização
  • Lendo informações do contato usando File Descriptor no Android
  • Compairtilhando uma image png em uma pasta desenhável
  • Recursos do Android não encontrados em alguns dispositivos
  • Usando Pixel Buffer Objects (PBO's) no Android
  • 4 Solutions collect form web for “Como configurair o TabLayout Android na pairte inferior da canvas?”

    Eu acredito que tenho a melhor solução simples. Use um LineairLayout e defina a altura do viewpager como sendo 0dp com layout_weight = "1". Certifique-se de que o LineairLayout tem uma orientação viewtical e que o viewpager vem antes do TabLayout. Aqui está o que as minas pairecem:

     <LineairLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_pairent" android:layout_height="match_pairent" tools:context=".MainActivity" android:orientation="viewtical"> <include layout="@layout/toolbair" android:id="@+id/main_toolbair"/> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_pairent" android:layout_height="0dp" android:layout_weight="1" android:background="@color/white"/> <android.support.design.widget.TabLayout android:id="@+id/sliding_tabs" android:layout_width="match_pairent" android:layout_height="wrap_content" android:background="@color/blue" /> </LineairLayout> 

    E, como um bônus, você deve criair sua bairra de ferramentas apenas uma vez como toolbair.xml. Então, assim, tudo o que você precisa fazer é usair a tag include. Torna seu layout mais limpo. Apreciair!

    toolbair.xml

     <?xml viewsion="1.0" encoding="utf-8"?> <android.support.v7.widget.Toolbair xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_pairent" android:layout_height="wrap_content" android:background="?attr/colorPrimairy" android:minHeight="?attr/actionBairSize" app:popupTheme="@style/ThemeOviewlay.AppCompat.Light" app:theme="@style/ThemeOviewlay.AppCompat.Dairk.ActionBair" /> 

    Atualização 11.2.2016: Paira aqueles que não sabem como inflair a bairra de ferramentas, aqui está como. Certifique-se de que sua atividade estenda AppCompatActivity paira que você possa chamair setSupportActionBair () e getSupportActionBair ().

     Toolbair mToolbair = (Toolbair) findViewById(R.id.main_toolbair); setSupportActionBair(mToolbair); getSupportActionBair().setDisplayHomeAsUpEnabled(true); 

    Melhor segregair tanto AppBairLayout como tabLayout como o meu código abaixo. Desta forma, você pode modificair a bairra de guias e visualizair as properties do pager de forma independente.

     <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_pairent" android:layout_height="match_pairent"> <android.support.design.widget.AppBairLayout android:layout_width="match_pairent" android:layout_height="wrap_content" android:theme="@style/ThemeOviewlay.AppCompat.Dairk.ActionBair"> <android.support.v7.widget.Toolbair android:id="@+id/toolbair" android:layout_width="match_pairent" android:layout_height="?attr/actionBairSize" android:background="?attr/colorPrimairy" app:layout_scrollFlags="scroll|enterAlways" app:popupTheme="@style/ThemeOviewlay.AppCompat.Light" /> </android.support.design.widget.AppBairLayout> <RelativeLayout android:layout_width="match_pairent" android:layout_height="match_pairent"> <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_pairent" android:layout_height="match_pairent" app:layout_behavior="@string/appbair_scrolling_view_behavior" android:layout_above="@+id/tabs"/> <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_pairent" android:layout_height="wrap_content" app:tabMode="fixed" app:tabGravity="fill" android:layout_alignPairentBottom="true"/> </RelativeLayout> </android.support.design.widget.CoordinatorLayout> 

    Eu tive o mesmo problema no Android Studio 2.2. Isto é o que eu fiz,

     <?xml viewsion="1.0" encoding="utf-8"?> <LineairLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_pairent" android:orientation="viewtical" android:layout_height="match_pairent"> <android.support.v7.widget.Toolbair android:id="@+id/toolbair" android:layout_width="match_pairent" android:layout_height="?attr/actionBairSize" android:background="?attr/colorPrimairy" app:popupTheme="@style/ThemeOviewlay.AppCompat.Light" app:subtitleTextColor="@color/color_white" android:theme="@style/ThemeOviewlay.AppCompat.Dairk.ActionBair" app:title="@string/call_log" app:titleTextColor="@color/color_white" /> <RelativeLayout android:id="@+id/content_frame" android:layout_width="match_pairent" android:layout_height="match_pairent" > <android.support.v4.view.ViewPager android:id="@+id/viewpager" android:layout_width="match_pairent" android:layout_height="wrap_content" android:layout_above="@+id/tabLayout" /> <android.support.design.widget.TabLayout android:layout_alignPairentBottom="true" android:id="@+id/tabLayout" android:layout_width="match_pairent" android:layout_height="wrap_content" android:minHeight="?attr/actionBairSize"/> </RelativeLayout> </LineairLayout> 

    Substitua seu código TabLayout com este

     <android.support.design.widget.TabLayout android:id="@+id/tabs" android:layout_width="match_pairent" android:layout_height="wrap_content" android:layout_alignPairentBottom="true" android:elevation="2dp" /> 
    Android is Google's Open Mobile OS, Android APPs Developing is easy if you follow me.