#やりたいこと
GridLayoutで枠単位に罫線をひいて、表にする方法は無いでしょうか?
表の中にSwitch
やButton
を配置出来れば良いのですが、他のレイアウトにした方が良いとかありますでしょうか?
#やってみたこと
backgroundで線をひいてみましたが、文字の周りに枠が出来て、見辛くなるだけでした。
#コード
xml
1 <GridLayout 2 android:layout_width="match_parent" 3 android:layout_height="wrap_content" 4 android:rowCount="4" 5 android:columnCount="5" 6 > 7 8 <!-- タイトル --> 9 <TextView 10 android:layout_row="0" 11 android:layout_column="0" 12 android:layout_columnSpan="5" 13 android:text="タイトル" 14 android:layout_gravity="center" 15 android:background="@drawable/grid_border" 16 /> 17 18 <!-- 1列目 --> 19 <TextView 20 android:layout_row="1" 21 android:layout_column="0" 22 android:text="" 23 android:layout_gravity="right" 24 android:background="@drawable/grid_border" 25 /> 26 <TextView 27 android:layout_row="2" 28 android:layout_column="0" 29 android:text="Value1" 30 android:background="@drawable/grid_border" 31 /> 32 <TextView 33 android:layout_row="3" 34 android:layout_column="0" 35 android:text="Value2" 36 android:background="@drawable/grid_border" 37 /> 38 39 <!-- 2列目 --> 40 <TextView 41 android:layout_row="1" 42 android:layout_column="1" 43 android:text="項目1" 44 android:background="@drawable/grid_border" 45 /> 46 <TextView 47 android:layout_row="2" 48 android:layout_column="1" 49 android:text="100" 50 android:background="@drawable/grid_border" 51 /> 52 <TextView 53 android:layout_row="3" 54 android:layout_column="1" 55 android:text="200" 56 android:background="@drawable/grid_border" 57 /> 58 59 <!-- 3列目 --> 60 <TextView 61 android:layout_row="1" 62 android:layout_column="2" 63 android:text="項目2" 64 android:background="@drawable/grid_border" 65 /> 66 <TextView 67 android:layout_row="2" 68 android:layout_column="2" 69 android:text="3000" 70 android:background="@drawable/grid_border" 71 /> 72 <TextView 73 android:layout_row="3" 74 android:layout_column="2" 75 android:text="400" 76 android:background="@drawable/grid_border" 77 /> 78 79 <!-- 4列目 --> 80 <TextView 81 android:layout_row="1" 82 android:layout_column="3" 83 android:text="スイッチ" 84 android:background="@drawable/grid_border" 85 /> 86 <Switch 87 android:layout_row="2" 88 android:layout_column="3" 89 android:background="@drawable/grid_border" 90 /> 91 <Switch 92 android:layout_row="3" 93 android:layout_column="3" 94 android:background="@drawable/grid_border" 95 /> 96 97 <!-- 5列目 --> 98 <Button 99 android:layout_row="1" 100 android:layout_column="4" 101 android:layout_rowSpan="3" 102 android:text="OK" 103 android:layout_gravity="center" 104 /> 105 106 </GridLayout> 107
xml
1<!-- grid_border --> 2<?xml version="1.0" encoding="utf-8"?> 3<shape xmlns:android="http://schemas.android.com/apk/res/android"> 4 <stroke android:width="4px" android:color="#AAAAAA" /> 5 <padding android:left="2px" android:top="2px" 6 android:right="2px" android:bottom="2px" /> 7</shape>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/10/18 04:48