Android開発をしていて、画面上で少し複雑な構造を動的に追加していくと、要素の階層構造を取得したくなることがあります。
今回は画面上に表示されている要素の階層構造を取得するプログラムを作成してみます。
やりたいことは、次のような画面で、「追加」ボタンを押す度に赤枠部分が動的に追加され、その都度、要素の階層構造をログに表示することです。
追加される要素群には、テキストフィールド、ラジオボタン、チェックボックスを設けました。
まず、string.xmlで画面文言を定義。
|
1 2 3 4 5 6 7 8 9 10 11 |
<resources> <string name="app_name">NestLayoutSample</string> <string name="header_message">ボタンを押すと要素グループを追加します</string> <string name="etName">お名前</string> <string name="cb_train">電車</string> <string name="cb_car">バス</string> <string name="cb_plane">飛行機</string> <string name="rb_male">男</string> <string name="rb_female">女</string> <string name="bt_add">追加</string> </resources> |
次にメインのレイアウトを定義します。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 |
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <TextView android:id="@+id/et_Title" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/header_message" android:textSize="20dp"/> <View android:layout_width="fill_parent" android:layout_height="1dp" android:background="@android:color/darker_gray"/> <ScrollView android:id="@+id/scrollView" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginTop="32dp"> <LinearLayout android:id="@+id/root" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="@string/bt_add" /> </LinearLayout> </ScrollView> </LinearLayout> |
そして「追加」ボタンを押す度に追加される要素群を、別のレイアウトxmlで定義します。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 |
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <TextView android:layout_width="wrap_content" android:layout_height="match_parent" android:textSize="15dp" android:text="@string/etName"/> <EditText android:layout_width="match_parent" android:layout_height="match_parent" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <CheckBox android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="15dp" android:text="@string/cb_train"/> <CheckBox android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="15dp" android:text="@string/cb_car"/> <CheckBox android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="15dp" android:text="@string/cb_plane"/> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal"> <RadioGroup android:layout_width="wrap_content" android:layout_height="wrap_content" /> <RadioButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="15dp" android:text="@string/rb_male"/> <RadioButton android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="15dp" android:text="@string/rb_female"/> </LinearLayout> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="@android:color/darker_gray"/> </LinearLayout> |
最後にActivityコード。Logcatに文字列が表示されるようにしています。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 |
public class MainActivity extends AppCompatActivity { private LinearLayout rootView; private LayoutInflater inflater; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); rootView = findViewById(R.id.root); inflater = (LayoutInflater) getSystemService(Context.LAYOUT_INFLATER_SERVICE); Button b = findViewById(R.id.button); SampleListener sl = new SampleListener(); b.setOnClickListener(sl); } private class SampleListener implements View.OnClickListener { @Override public void onClick(View view) { View subView = inflater.inflate(R.layout.sub, null); rootView.addView(subView, rootView.getChildCount() - 1); // Viewの階層構造を取得しLogに表示する StringBuilder sb = new StringBuilder(); storeViewClassName(rootView, sb, "\t"); Log.i(this.getClass().getName().toString() + "-->\n", "\n" + sb.toString()); } // Viewの階層構造をStringBuilderに格納する private void storeViewClassName (View v, StringBuilder sb, String tab) { sb.append(tab).append(v.getClass().getSimpleName()).append("\n"); if (v instanceof ViewGroup) { for (int i = 0; i < ((ViewGroup) v).getChildCount() ; i++) { storeViewClassName(((ViewGroup) v).getChildAt(i), sb, tab + "\t"); } } } } } |
初期画面はこんな感じ。ここからスタートします。
「追加」ボタンを一回押したとき。要素が追加されると共に、Logcatに要素名が表示されています。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
LinearLayout LinearLayout LinearLayout AppCompatTextView AppCompatEditText LinearLayout AppCompatCheckBox AppCompatCheckBox AppCompatCheckBox LinearLayout RadioGroup AppCompatRadioButton AppCompatRadioButton View AppCompatButton |
さらにもう一度「追加」ボタンを押すと、再度要素追加が行われ、Logcatに現れる階層構造も一つ増えています。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
LinearLayout LinearLayout LinearLayout AppCompatTextView AppCompatEditText LinearLayout AppCompatCheckBox AppCompatCheckBox AppCompatCheckBox LinearLayout RadioGroup AppCompatRadioButton AppCompatRadioButton View LinearLayout LinearLayout AppCompatTextView AppCompatEditText LinearLayout AppCompatCheckBox AppCompatCheckBox AppCompatCheckBox LinearLayout RadioGroup AppCompatRadioButton AppCompatRadioButton View AppCompatButton |
