Re: [問題] 該如何做出這個畫面

[givemepass (〆)]

※ 引述《hhhhomerun (homerun)》之銘言：
:     ┌────────────┐
:     │┌───┐    ┌───┐│      大家好我是一個初學新手，想要設計
:     ││Button│    │Button││
:     │└───┘    └───┘│  出這樣的一個畫面，就是在一個頁裡，最
:     │┌──┐┌──┐┌──┐│
:     ││tab1││tab2││tab3││  頂端是兩個Button，然後下面是書籤頁，
:     ││    └───────┐│
:     ││                    ││  上網有找到書籤頁的教學，也把書籤頁做
:     ││                    ││
:     ││                    ││  出來了，可是button就擺不上去了，做不
:     ││                    ││
:     ││                    ││  出那樣的版型
:     ││                    ││
:     ││                    ││    希望能請前輩們指導，衷心感謝！
:     ││                    ││
:     ││                    ││
:     │└──────────┘│
:     └────────────┘
圖畫的不錯

不知道是不是長這樣?

http://uploadingit.com/file/lwajzo7l2qyreq9i/Tablayout.PNG

如果是, 參考檔案在這XD

http://uploadingit.com/file/6sb8wcx1ymdqiu7d/TestLayout.zip


其實想法很簡單 我把要呈現的layout分成兩部分

其中一部分是上面的兩個button,其中一個靠左 一個靠右

另外一部分是下面的tabwidget

所以是這樣的 先用tablelayout把兩個button包起來

然後tabwidget用tabhost包起來

然後再用linearlayout把tablelayout跟tabhost包起來

XML如下

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

        <TableLayout
         android:stretchColumns="0"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        >
            <TableRow
                android:layout_width="wrap_content"
                android:layout_height="wrap_content">
                        <Button
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:text="button1"
                                android:layout_gravity="left"
                        ></Button>
                        <Button
                                android:layout_width="wrap_content"
                                android:layout_height="wrap_content"
                                android:text="button2"
                        ></Button>
                </TableRow>
        </TableLayout>
        <TabHost
        android:id="@android:id/tabhost"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content">
        <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>
</LinearLayout>

參考看看

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.221.115.4
※ 編輯: givemepass      來自: 61.221.115.4         (09/05 17:01)
推 sorrel20567:推，想請問一下，tablelayout有沒有辦法讓兩個button
→ sorrel20567:不要離那麼開，就是貼著正中間的線，一個button靠線左
→ sorrel20567:一個button靠線右，   我試了很久都排不出想要的樣子
→ sorrel20567:用linear的margin又很怕手機解析度不同而跑掉
http://uploadingit.com/file/gg75nzowlaz3wc1f/TestLayout.png
這樣?
用LinearLayout的 android:layout_weight屬性
假設button1 屬性為1 button2屬性為2 則 button1的大小就是 1/(1+2) 同理
假設你要兩個大小一樣 則 兩個數值都設定相同 就可以了
推 hhhhomerun:謝謝你 後來我發現我的問題了 因為我一直用droiddraw在
→ hhhhomerun:做版型 結果droiddraw的tabhost只能當作主架構大框不能
→ hhhhomerun:像其他layout那樣另外拉進去所以就卡住了.. 後來弄了好
→ hhhhomerun:久去XML裡面刪刪弄了半天(真的半天)改改終於有弄出來了
→ hhhhomerun:謝謝你！
※ 編輯: givemepass      來自: 61.221.115.4         (09/06 08:39)