Android 使用 XML 创建可重复使用计算器按键视图并居中显示
首先,我们需要在 xml 布局文件中创建一个计算器按键视图。可以使用 LinearLayout 来放置按键,并使用 Button 作为按键的视图。\n\ncalculator_key_view.xml:\n\nxml\n<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"\n android:layout_width="match_parent"\n android:layout_height="wrap_content"\n android:orientation="horizontal">\n\n <Button\n android:id="@+id/btn_1"\n android:layout_width="0dp"\n android:layout_height="wrap_content"\n android:layout_weight="1"\n android:text="1" />\n\n <Button\n android:id="@+id/btn_2"\n android:layout_width="0dp"\n android:layout_height="wrap_content"\n android:layout_weight="1"\n android:text="2" />\n\n <Button\n android:id="@+id/btn_3"\n android:layout_width="0dp"\n android:layout_height="wrap_content"\n android:layout_weight="1"\n android:text="3" />\n\n <!-- 添加其他按键 -->\n\n</LinearLayout>\n\n\n接下来,在目标页面的 xml 布局文件中,使用 RelativeLayout 来放置计算器按键视图,并将其放置在页面的下方居中。\n\nactivity_main.xml:\n\nxml\n<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"\n android:layout_width="match_parent"\n android:layout_height="match_parent">\n\n <!-- 布局中的其他视图 -->\n\n <include\n android:id="@+id/calculatorView"\n layout="@layout/calculator_key_view"\n android:layout_width="wrap_content"\n android:layout_height="wrap_content"\n android:layout_alignParentBottom="true"\n android:layout_centerHorizontal="true" />\n\n</RelativeLayout>\n\n\n然后,在目标页面的 Java 代码中,可以通过 findViewById 方法来获取计算器按键视图,并进行相应的处理。\n\nMainActivity.java:\n\njava\npublic class MainActivity extends AppCompatActivity {\n\n private Button btn1, btn2, btn3; // 添加其他按键\n\n @Override\n protected void onCreate(Bundle savedInstanceState) {\n super.onCreate(savedInstanceState);\n setContentView(R.layout.activity_main);\n\n // 获取计算器按键视图中的按钮\n btn1 = findViewById(R.id.btn_1);\n btn2 = findViewById(R.id.btn_2);\n btn3 = findViewById(R.id.btn_3);\n\n // 添加按钮的点击事件处理\n btn1.setOnClickListener(new View.OnClickListener() {\n @Override\n public void onClick(View v) {\n // 处理按钮 1 的点击事件\n }\n });\n\n // 添加其他按钮的点击事件处理\n }\n}\n\n\n这样,我们就可以在其他页面中使用相同的计算器按键视图,并将其显示在页面的下方居中位置。
原文地址: https://www.cveoy.top/t/topic/pn9d 著作权归作者所有。请勿转载和采集!