作者givemepass (〆)
看板AndroidDev
標題Re: [問題] 該如何做出這個畫面
時間Mon Sep 5 16:59:00 2011
※ 引述《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)
1F：推 sorrel20567:推，想請問一下，tablelayout有沒有辦法讓兩個button 09/05 18:00
2F：→ sorrel20567:不要離那麼開，就是貼著正中間的線，一個button靠線左 09/05 18:00
3F：→ sorrel20567:一個button靠線右， 我試了很久都排不出想要的樣子 09/05 18:01
4F：→ sorrel20567:用linear的margin又很怕手機解析度不同而跑掉 09/05 18:01
http://uploadingit.com/file/gg75nzowlaz3wc1f/TestLayout.png
這樣?
用LinearLayout的 android:layout_weight屬性
假設button1 屬性為1 button2屬性為2 則 button1的大小就是 1/(1+2) 同理
假設你要兩個大小一樣 則 兩個數值都設定相同 就可以了
5F：推 hhhhomerun:謝謝你 後來我發現我的問題了 因為我一直用droiddraw在 09/05 20:12
6F：→ hhhhomerun:做版型 結果droiddraw的tabhost只能當作主架構大框不能 09/05 20:13
7F：→ hhhhomerun:像其他layout那樣另外拉進去所以就卡住了.. 後來弄了好 09/05 20:14
8F：→ hhhhomerun:久去XML裡面刪刪弄了半天(真的半天)改改終於有弄出來了 09/05 20:15
9F：→ hhhhomerun:謝謝你！ 09/05 20:15
※ 編輯: givemepass 來自: 61.221.115.4 (09/06 08:39)