Android - Các tab ở cuối màn hình

Question

Tôi đã tìm kiếm khoảng một ngày để tìm ứng dụng Android của tôi có các tab ở cuối màn hình.

Trên trang web nhà phát triển Android trong Styles and Themes phần, họ dường như có ví dụ chính xác về những gì tôi đang cố gắng để làm, tuy nhiên họ đã không tìm thấy nó cần thiết để cung cấp một ví dụ khá về điều này:

Tất cả các mẹo/giải pháp tôi tìm thấy trên web đều không thành công. Tôi luôn luôn dường như để có được bố trí mông-xấu xí sau khi các tab đang rất thất lạc ở phía trên cùng màn hình bên cạnh tên ứng dụng :-(

Có ai có một đầu mối làm thế nào để thực hiện điều này?

Cảm ơn bạn rất nhiều trước cho bất cứ lời khuyên

Answer 1

tôi nghĩ rằng những ví dụ sẽ hữu ích cho bạn: Android Bottom tab bar example VÀ THIS

Answer 2

đây là hai liên kết của g ithub đã thực hiện tab ở phía dưới.

https://github.com/AdilSoomro/Iphone-Tab-in-Android

https://github.com/AdilSoomro/Raised-Center-Tab-in-Android

Answer 3

Tôi nghĩ bạn chưa đủ tìm kiếm cho vấn đề của bạn bởi vì bạn đang tìm kiếm bằng cách sử dụng từ khóa sai.

gì bạn đang hiển thị trong hình ảnh 1 ở phía dưới của ứng dụng gmail có 4 đơn và menu tràn 5 và trên tại quầy bar hành động từ trên

Bạn có thể đặt một menu ở dưới cùng sử dụng một tài sản đơn giản trong biểu hiện; một dòng duy nhất đối với hoạt động chính mà thấy thanh hành động

android:uiOptions="splitActionBarWhenNarrow"

Như thế này:

<activity 
    android:name="com.example.HomeActivity" 
    android:screenOrientation="portrait" 
     android:uiOptions="splitActionBarWhenNarrow" 
    android:theme="@style/Theme.Sherlock.Light" > 
    <intent-filter> 
     <action android:name="android.intent.action.MAIN" /> 

     <category android:name="android.intent.category.LAUNCHER" /> 
    </intent-filter> 
</activity> 

Answer 4

của nó rất đơn giản ....

Đối với thanh tab đơn giản chúng tôi sử dụng

<?xml version="1.0" encoding="utf-8"?> 
<TabHost 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@android:id/tabhost" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <LinearLayout 
     android:orientation="vertical" 
     android:layout_width="fill_parent" 
     android:layout_height="fill_parent" 
     android:padding="5dp"> 
     <TabWidget 
      android:id="@android:id/tabs" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" /> 
     <FrameLayout 
      android:id="@android:id/tabcontent" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:padding="5dp" /> 
    </LinearLayout> 
</TabHost> 

Nhưng trong thanh Tab dưới chúng tôi sử dụng

**

<?xml version="1.0" encoding="utf-8"?> 
<TabHost 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@android:id/tabhost" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent"> 
    <RelativeLayout 
     android:layout_height="fill_parent" 
     android:layout_width="fill_parent"> 
     <TabWidget 
      android:id="@android:id/tabs" 
      android:layout_alignParentBottom="true" 
      android:layout_width="fill_parent" 
      android:layout_height="wrap_content" /> 
     <FrameLayout 
      android:id="@android:id/tabcontent" 
      android:layout_width="fill_parent" 
      android:layout_height="fill_parent" 
      android:padding="5dp" /> 
    </RelativeLayout> 
</TabHost>** 

Điều quan trọng là

android:layout_alignParentBottom=”true”; 

Answer 5

tôi sử dụng bố cục này để định vị Tab trong bo ttom của màn hình:

?xml version="1.0" encoding="utf-8"?> 
<TabHost 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:id="@android:id/tabhost" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent"> 

    <LinearLayout 
     android:orientation="vertical" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent"> 

     <FrameLayout 
      android:id="@android:id/tabcontent" 
      android:layout_width="0dp" 
      android:layout_height="0dp" 
      android:layout_weight="0"/> 
     <FrameLayout 
      android:id="@+android:id/realtabcontent" 
      android:background="@drawable/bg_main_app_gradient" 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1"/> 
     <TabWidget 
      android:id="@android:id/tabs" 
      android:background="#EAE7E1" 
      android:orientation="horizontal" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:layout_weight="0"/> 
    </LinearLayout> 
</TabHost> 

examle mã: https://stackoverflow.com/a/23150258/2765497

Answer 6

Tôi đã xem qua câu hỏi của bạn đang cố gắng làm điều tương tự, tuy nhiên theo chủ trương phát triển android, bạn nên không bao giờ có một thanh tab ở phía dưới , vì đây là một tính năng iOS ...

Android Development Standards

Answer 7

Bạn dường như có thanh dưới cùng một chút bối rối. Đó không phải là một thanh tab. Thanh dưới cùng dành cho hành động, không điều hướng màn hình. Ví dụ: trong ảnh chụp màn hình của ứng dụng Gmail bạn đã đăng ở trên, thanh dưới cùng cho phép người dùng: Soạn Email, Tìm kiếm, Thẻ, Làm mới và hơn thế nữa. Tham khảo:

Về mặt kỹ thuật, các nút này điều hướng người dùng đến màn hình khác nhưng thanh tab thường được sử dụng để "chuyển đổi" màn hình. Ví dụ xem nội dung theo thể loại.

Rất tiếc, nhưng trong phiên bản mới nhất của ứng dụng Gmail, chúng có các nút tác vụ này ở trên cùng. Sigh ...

Answer 8

Google không khuyên bạn nên có Tab ở dưới cùng.

Xem hướng dẫn mẫu thiết kế chính thức sau từ Android,
Và tìm kiếm phần "Không sử dụng các thanh tab dưới cùng"

http://developer.android.com/design/patterns/pure-android.html

Answer 9

tôi muốn gửi một bản cập nhật tại đây. Bottom nav bars are now Android Canon. Các đường cất chính từ đây là:

1) Chỉ sử dụng thanh điều hướng phía dưới cho 3-5 biểu tượng. Ít hơn, sử dụng tabs. Hơn nữa, sử dụng các tab cuộn (trang xuống trên cùng một liên kết đó).

2) Tránh sử dụng thanh điều hướng dưới cùng và các tab cùng nhau, và đảm bảo trách nhiệm của cả hai được phân tách rõ ràng nếu bạn làm.

3) thanh nav dưới nên được sử dụng cho navigation không hành động (sử dụng ActionBar cho những)

Answer 10

Với sự ra đời của dưới navigation.

https://material.google.com/components/bottom-navigation.html

Bạn có thể làm điều này

https://stackoverflow.com/a/36033640/6207502