Re: [問題] 該如何做出這個畫面
※ 引述《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
09/05 18:00, 1F
→
09/05 18:00, , 2F
09/05 18:00, 2F
→
09/05 18:01, , 3F
09/05 18:01, 3F
→
09/05 18:01, , 4F
09/05 18:01, 4F
這樣?
用LinearLayout的 android:layout_weight屬性
假設button1 屬性為1 button2屬性為2 則 button1的大小就是 1/(1+2) 同理
假設你要兩個大小一樣 則 兩個數值都設定相同 就可以了
推
09/05 20:12, , 5F
09/05 20:12, 5F
→
09/05 20:13, , 6F
09/05 20:13, 6F
→
09/05 20:14, , 7F
09/05 20:14, 7F
→
09/05 20:15, , 8F
09/05 20:15, 8F
→
09/05 20:15, , 9F
09/05 20:15, 9F
※ 編輯: givemepass 來自: 61.221.115.4 (09/06 08:39)
討論串 (同標題文章)
AndroidDev 近期熱門文章
PTT數位生活區 即時熱門文章