左侧列表视图和右侧选项卡主机，屏幕共享比例为 20:80

Posted 2023-02-19

【中文标题】左侧列表视图和右侧选项卡主机，屏幕共享比例为 20:80

【英文标题】：Listview on rleft side and tabhost on right side with 20:80 screen sharing ratio

【发布时间】：2012-12-28 04:17:15

【问题描述】：

嗨，我在Activity 中添加了两个TabHosts，它工作正常。我添加了另一个带有ListView 的XML 文件，并在我使用Tabhost 的地方调用了Activity。它按预期给出错误，但我尝试了很多但无法解决它。谁能告诉我有关如何在一个Activity 中管理ListView 和TabHost 的任何想法？我没有放代码，因为它主要来自教程。任何帮助，将不胜感激。谢谢。 主要错误是“您的内容必须有一个TabHost，其 id 属性为 'android.R.id.tabhost'”

【问题讨论】：

是的，错误本身说明您的 tabhost 必须具有 id“tabhost”。如果您在布局文件中提供了 diff id，它将崩溃。

是的，我明白了，把id这样放，希望我能正确android:id="@android:id/tabhost"

【参考方案1】：

带有选项卡和已选中项目的 ListView 的示例 Activity：

我在下面发布了一个示例活动，其中包含一个TabHost，其中包含三个Tabs 和两个ListView，tab1 和tab3 各有一个。我使用ArrayList 来初始化我的ArrayAdapter，我可以从中链接我的ListView。然后我在通过ArrayList、tab3List 设置后将项目添加到tab3ListView。请注意，tab3ListView 的项目有一个相应的复选框。请注意，现在有些人更喜欢ActionBar.Tabs 而不是TabHost，但我发现这种方式更简单。

XML 文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_
android:layout_
android:orientation="vertical" >

<TabHost
    android:id="@+id/tabhost"
    android:layout_
    android:layout_ >

    <LinearLayout
        android:layout_
        android:layout_
        android:orientation="vertical"
        android:padding="5dp" >

        <TabWidget
            android:id="@android:id/tabs"
            android:layout_
            android:layout_
            android:layout_marginBottom="-4dp"
            android:layout_weight="0" >
        </TabWidget>
        <FrameLayout
            android:id="@android:id/tabcontent"
            android:layout_
            android:layout_
            android:padding="0dp"
            android:layout_weight="1">
            <LinearLayout
                android:id="@+id/tab1"
                android:layout_
                android:layout_
                android:orientation="vertical">
            <ListView 
                android:id="@+id/tab1List"
                android:layout_
                android:layout_
                android:fastScrollEnabled="true"></ListView>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/tab2"
                android:layout_
                android:layout_
                android:orientation="vertical" >
           <EditText 
                android:id="@+id/tab2Edit1"
                android:layout_
                android:layout_
                android:hint="Enter text here"/>
            </LinearLayout>

            <LinearLayout
                android:id="@+id/tab3"
                android:layout_
                android:layout_
                android:orientation="horizontal" >
           <ListView 
                android:id="@+id/tab3List"
                android:layout_
                android:layout_
                android:fastScrollEnabled="true"></ListView>
            </LinearLayout>
        </FrameLayout>
    </LinearLayout>
</TabHost>
</LinearLayout>

主要活动：

public class MainActivity extends Activity

// TabHost
TabHost th;
LinearLayout tab1, tab2, tab3;

// ListView
ListView tab1ListView, tab3ListView;

// String list
String stringList[] = "Paris", "Washington", "Amsterdam", "London", "Bale", "Madrid",
        "Zurich", "Munich", "Berlin", "Milan", "Rome", "Turin", "Lyon", "Marseille";

// Adapters
ArrayList<String> tab1List, tab3List;
ArrayAdapter<String> tab1Adapter, tab3Adapter;

// Others
EditText tab2Edit1;

@Override
protected void onCreate(Bundle savedInstanceState) 
    // Initialize Layout
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);

    // Initialize Tabs
    th = (TabHost) findViewById(R.id.tabhost);
    th.setup();
    // Tab1
    TabSpec spec1 = th.newTabSpec("tag1");
    spec1.setContent(R.id.tab1);
    spec1.setIndicator("Tab 1");
    th.addTab(spec1);
    // Tab2
    TabSpec spec2 = th.newTabSpec("tag2");
    spec2.setContent(R.id.tab2);
    spec2.setIndicator("Tab 2");
    th.addTab(spec2);
    // Tab3
    TabSpec spec3 = th.newTabSpec("tag3");
    spec3.setContent(R.id.tab3);
    spec3.setIndicator("Tab 3");
    th.addTab(spec3);

    //Initialize Adapter and ListView from Tab1
    tab1ListView = (ListView) findViewById(R.id.tab1List);
    tab2Edit1 = (EditText) findViewById(R.id.tab2Edit1);
    tab1List    = new ArrayList<String>(Arrays.asList(stringList));
    tab1Adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, tab1List);
    tab1ListView.setAdapter(tab1Adapter);

    //Initialize Adapter and ListView from Tab3
    tab3ListView = (ListView) findViewById(R.id.tab3List);
    tab3List    = new ArrayList<String>(Arrays.asList(stringList));
    tab3Adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_multiple_choice, tab3List);
    tab3ListView.setAdapter(tab3Adapter);
    tab3ListView.setFocusable(false);
    tab3ListView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

    // Modify ListView: modify ArrayList and call notifyDataSetChanged() from corresponding adapter
    tab3List.add(0,"New item at location 0");
    tab3List.add(3,"New item at location 3");
    tab3List.add("New item at location end");
    tab3Adapter.notifyDataSetChanged();

    tab3ListView.setOnItemClickListener(new AdapterView.OnItemClickListener() 
        @Override
        public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
                long arg3) 
            // Set what happenss when you check or uncheck an item here 
        

    );