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

看板AndroidDev作者 (〆)時間13年前 (2011/09/05 16:59), 編輯推噓2(207)
留言9則, 2人參與, 最新討論串2/2 (看更多)
※ 引述《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)

09/05 18:00, , 1F
推,想請問一下,tablelayout有沒有辦法讓兩個button
09/05 18:00, 1F

09/05 18:00, , 2F
不要離那麼開,就是貼著正中間的線,一個button靠線左
09/05 18:00, 2F

09/05 18:01, , 3F
一個button靠線右, 我試了很久都排不出想要的樣子
09/05 18:01, 3F

09/05 18:01, , 4F
用linear的margin又很怕手機解析度不同而跑掉
09/05 18:01, 4F
http://uploadingit.com/file/gg75nzowlaz3wc1f/TestLayout.png
這樣? 用LinearLayout的 android:layout_weight屬性 假設button1 屬性為1 button2屬性為2 則 button1的大小就是 1/(1+2) 同理 假設你要兩個大小一樣 則 兩個數值都設定相同 就可以了

09/05 20:12, , 5F
謝謝你 後來我發現我的問題了 因為我一直用droiddraw在
09/05 20:12, 5F

09/05 20:13, , 6F
做版型 結果droiddraw的tabhost只能當作主架構大框不能
09/05 20:13, 6F

09/05 20:14, , 7F
像其他layout那樣另外拉進去所以就卡住了.. 後來弄了好
09/05 20:14, 7F

09/05 20:15, , 8F
久去XML裡面刪刪弄了半天(真的半天)改改終於有弄出來了
09/05 20:15, 8F

09/05 20:15, , 9F
謝謝你!
09/05 20:15, 9F
※ 編輯: givemepass 來自: 61.221.115.4 (09/06 08:39)
文章代碼(AID): #1EP8zM1u (AndroidDev)
討論串 (同標題文章)
文章代碼(AID): #1EP8zM1u (AndroidDev)