Android: แท็บที่ด้านล่าง

ฉันเคยเห็นพูดคุยเกี่ยวกับเรื่องนี้ แต่ไม่มีอะไรแน่นอน มีวิธีวางแท็บใน TabWidget ที่ด้านล่างของหน้าจอหรือไม่ ถ้าเป็นเช่นนั้นได้อย่างไร

ฉันได้ลองทำสิ่งต่อไปนี้แล้ว แต่ไม่ได้ผล:

a) การตั้งค่า tabwidget ด้านล่าง frayayout
b) การตั้งค่าแรงโน้มถ่วงของ tabwidget ให้เป็น "bottom"

ขอบคุณ! llappall

นี่คือโซลูชันที่ง่ายที่สุดแข็งแกร่งที่สุดและปรับขนาดได้เพื่อรับแท็บที่ด้านล่างของหน้าจอ

1. ใน LinearLayout แนวตั้งของคุณวาง FrameLayout เหนือ TabWidget
2. ตั้งlayout_heightเป็นwrap_contentทั้งใน FrameLayout และ TabWidget
3. ตั้งค่าของ FrameLayout android:layout_weight="1"
4. Set TabWidget's android:layout_weight="0"(0 เป็นค่าเริ่มต้น แต่เน้นการอ่านง่าย ฯลฯ )
5. ตั้งค่า TabWidget android:layout_marginBottom="-4dp"(เพื่อลบตัวหารด้านล่าง)

รหัสเต็ม:

<?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">

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:padding="5dp"
            android:layout_weight="1"/>

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:layout_marginBottom="-4dp"/>

    </LinearLayout>

</TabHost>

ลอง;) เพียงแค่ดูเนื้อหาของ FrameLayout (@ id / tabcontent) เพราะฉันไม่รู้ว่ามันจะจัดการอย่างไรในกรณีที่เลื่อน ... ในกรณีของฉันมันใช้งานได้เพราะฉันใช้ ListView เป็นเนื้อหาของแท็บของฉัน . :) หวังว่าจะช่วยได้

<?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_width="fill_parent" 
        android:layout_height="fill_parent">
        <FrameLayout android:id="@android:id/tabcontent"
             android:layout_width="fill_parent" 
             android:layout_height="fill_parent"
             android:layout_alignParentTop="true" 
             android:layout_above="@android:id/tabs" />
    <TabWidget android:id="@android:id/tabs"
             android:layout_width="fill_parent" 
             android:layout_height="wrap_content"
             android:layout_alignParentBottom="true" />
    </RelativeLayout>
</TabHost>

มีวิธีลบบรรทัด

1) ทำตามบทช่วยสอนนี้: android-tabs-with-fragments

2) จากนั้นใช้การเปลี่ยนแปลง RelativeLayout ที่ Leaudro แนะนำข้างต้น (ใช้อุปกรณ์ประกอบฉากเลย์เอาต์กับ FrameLayouts ทั้งหมด)

นอกจากนี้คุณยังสามารถเพิ่ม ImageView ลงใน tab.xml ในรายการ # 1 และรับไอโฟนที่คล้ายกับแท็บ

นี่คือภาพหน้าจอของสิ่งที่ฉันกำลังทำอยู่ตอนนี้ ฉันยังคงมีงานต้องทำส่วนใหญ่เลือกสำหรับไอคอนและให้แน่ใจว่าการกระจายแนวนอนเท่ากัน แต่คุณได้รับความคิด ในกรณีของฉันฉันใช้แฟรกเมนต์ แต่หลักการเดียวกันควรนำไปใช้กับมุมมองแท็บมาตรฐาน

ไม่แน่ใจว่ามันจะใช้งานได้กับ Android ทุกรุ่น (โดยเฉพาะกับ UI ที่กำหนดเอง) แต่ฉันสามารถลบแถบสีเทาที่ด้านล่างโดยเพิ่ม

 android:layout_marginBottom="-3dp"

ไปที่ TabWidget XML ...

สำหรับบรรดาของคุณที่พยายามลบเส้นแยกของ tabWidget นี่เป็นตัวอย่างโครงการ (และบทช่วยสอนของมัน) ซึ่งทำงานได้ดีสำหรับการปรับแต่งแท็บและทำให้การลบปัญหาเมื่อแท็บอยู่ด้านล่าง Eclipse Project: android-custom-tabs ; คำอธิบายเดิม: บล็อก ; หวังว่านี่จะช่วยได้

มีสองวิธีในการแสดงแท็บที่ด้านล่างของกิจกรรมแท็บ

1. ใช้รูปแบบที่สัมพันธ์กัน
2. ใช้แอตทริบิวต์ Layout_weight

กรุณาตรวจสอบการเชื่อมโยงสำหรับรายละเอียดเพิ่มเติม

<?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:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical" >

        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_width="fill_parent"
            android:layout_height="0dip"
            android:layout_weight="1" />

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="0"
            android:background="#252a31"
            android:tabStripEnabled="false" >
        </TabWidget>
    </LinearLayout>

</TabHost>

นี่อาจไม่ใช่สิ่งที่คุณกำลังมองหา (ไม่ใช่โซลูชัน "ง่าย" ในการส่งแท็บของคุณไปที่ด้านล่างของหน้าจอ) แต่ก็เป็นโซลูชันทางเลือกที่น่าสนใจที่ฉันต้องการตั้งค่าให้คุณ:

ScrollableTabHostถูกออกแบบมาเพื่อทำงานเหมือน TabHost แต่มี scrollview เพิ่มเติมเพื่อให้พอดีกับรายการเพิ่มเติม ...

อาจขุดลงในโครงการโอเพนซอร์ซนี้คุณจะพบคำตอบสำหรับคำถามของคุณ ถ้าฉันเห็นอะไรที่ง่ายกว่านี้ฉันจะกลับมาหาคุณ

ฉันมีปัญหาเดียวกันกับแท็บ android เมื่อพยายามวางไว้ที่ด้านล่างของหน้าจอ สถานการณ์ของฉันคือการไม่ใช้ไฟล์เลย์เอาต์และสร้างแท็บในโค้ดฉันยังมองหากิจกรรมจากแต่ละแท็บที่ดูซับซ้อนเกินไปโดยใช้วิธีการอื่น ๆ ดังนั้นนี่คือตัวอย่างโค้ดที่จะแก้ไขปัญหา:

เพิ่มแท็บในหุ่นยนต์และการวาง-พวกเขา

ใช่เห็น: ลิงค์แต่เขาใช้เลย์เอาต์ xml ไม่ใช่กิจกรรมเพื่อสร้างแท็บใหม่ดังนั้นให้วางโค้ด xml ของเขา (ตั้งค่า paddingTop สำหรับ FrameLayout - 0px) แล้วเขียนรหัส:

public class SomeActivity extends ActivityGroup {

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
  setContentView(R.layout.main);

    TabHost tab_host = (TabHost) findViewById(R.id.edit_item_tab_host); 

    tab_host.setup(this.getLocalActivityManager());

    TabSpec ts1 = tab_host.newTabSpec("TAB_DATE"); 
    ts1.setIndicator("tab1"); 
    ts1.setContent(new Intent(this, Registration.class)); 
    tab_host.addTab(ts1); 

    TabSpec ts2 = tab_host.newTabSpec("TAB_GEO"); 
    ts2.setIndicator("tab2"); 
    ts2.setContent(new Intent(this, Login.class)); 
    tab_host.addTab(ts2); 

    TabSpec ts3 = tab_host.newTabSpec("TAB_TEXT"); 
    ts3.setIndicator("tab3"); 
    ts3.setContent(new Intent(this, Registration.class)); 
    tab_host.addTab(ts3); 

    tab_host.setCurrentTab(0);      


}

}

ฉันขอแนะนำให้ใช้รหัสนี้สำหรับการทำงานที่มั่นคงมันเหมาะสำหรับชิ้นส่วนที่ซ้อนกันในแท็บ (เช่น MapFragment ซ้อนกัน) และทดสอบกับ "อย่าเก็บกิจกรรม": https://stackoverflow.com/a/23150258/2765497