當前位置：首頁 > 运维知识 > Android >内容正文

Android

构建用户界面 Android 应用中一些常用的小部件

發布時間：2025/5/22 Android 89 豆豆

生活随笔收集整理的這篇文章主要介紹了构建用户界面 Android 应用中一些常用的小部件小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

1. TextView 顯示文本信息

<TextViewandroid:id="@+id/textOne"android:layout_width="200dp"android:layout_height="200dp"android:gravity="center"android:text="TextView(顯示框)"android:textColor="#EA5246"android:textStyle="bold|italic"android:background="#000000"android:textSize="18sp" /> id：為TextView設置一個組件id，根據id，我們可以在Java代碼中通過findViewById()的方法獲取到該對象，然后進行相關屬性的設置，又或者使用RelativeLayout時，參考組件用的也是id！ layout_width：組件的寬度，一般寫：**wrap_content**或者**match_parent(fill_parent)**，前者是控件顯示的內容多大，控件就多大，而后者會填滿該控件所在的父容器；當然也可以設置成特定的大小，比如我這里為了顯示效果，設置成了200dp。 layout_height：組件的高度，內容同上。 gravity：設置控件中內容的對齊方向，TextView中是文字，ImageView中是圖片等等。 text：設置顯示的文本內容，一般我們是把字符串寫到string.xml文件中，然后通過@String/xxx取得對應的字符串內容的，這里為了方便我直接就寫到""里，不建議這樣寫！！！ textColor：設置字體顏色，同上，通過colors.xml資源來引用，別直接這樣寫！ textStyle：設置字體風格，三個可選值：**normal**(無效果)，**bold**(加粗)，**italic**(斜體) textSize：字體大小，單位一般是用sp！ background：控件的背景顏色，可以理解為填充整個控件的顏色，可以是圖片哦！

2. EditText 文本編輯

<EditText android:id="@+id/editOne"android:layout_width="match_parent" android:layout_height="wrap_content" android:text="TypeHere"android:textColor="#EA5246"android:textStyle="bold|italic"android:textSize="18sp" android:hint="Type"android:gravity="center" > <requestFocus /> </EditText> android:hint="默認提示文本" android:textColorHint="#95A1AA" <requestFocus /> //獲取焦點 android:minLines="3" //設置最小行的行數 android:maxLines="3" //設置最大行的行數android:singleLine="true" //實現單行輸入不換行android:textScaleX="1.5" //設置字與字的水平間隔 android:textScaleY="1.5" //設置字與字的垂直間隔android:paddingTop = "5dp" //組件內文字和組件邊框的距離

3. Button 普通按鈕

<Buttonandroid:id="@+id/btnOne"android:layout_width="match_parent"android:layout_height="wrap_content"android:background="@drawable/ic_launcher"android:text="按鈕"/>

4. ImageButton 圖片按鈕

<ImageButtonandroid:id="@+id/imageButton"android:layout_width="wrap_content"android:layout_height="wrap_content"android:src="@drawable/ic_launcher"/>

5. ToggleButton 開關按鈕

<ToggleButtonandroid:id="@+id/toggleButton"android:layout_width="match_parent"android:layout_height="wrap_content"android:checked="true" //將按鈕設置為ON狀態android:textOff="關閉聲音"android:textOn="打開聲音" />

6. RadioButton 單旋鈕，選中之后不能取消

<RadioButtonandroid:id="@+id/btnMan"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="男"android:checked="true"/>

7. RadioGroup 單選按鈕組

<RadioGroupandroid:id="@+id/radioGroup"android:layout_width="wrap_content"android:layout_height="wrap_content"android:orientation="horizontal"><RadioButtonandroid:id="@+id/btnMan"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="男"android:checked="true"/><RadioButtonandroid:id="@+id/btnWoman"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="女"/> </RadioGroup>

8. CheckBox 復選框，選中后可以取消

<CheckBoxandroid:id="@+id/checkBox0"android:layout_width="match_parent"android:layout_height="wrap_content"android:checked="true"android:text="唱歌" />

9. Spinner 下拉列表

<Spinnerandroid:id="@+id/spin_one"android:layout_width="match_parent"android:layout_height="wrap_content"android:entries="@array/data"android:prompt="@string/spin_title"android:spinnerMode="dropdown" /> //在res/values下編寫一個：myarrays.xml的文件 <string-array name="data"><item>帥哥</item><item>美女</item><item>大神</item> </string-array>

10. ListView 顯示列表，可以垂直滾動

<ListViewandroid:id="@+id/list_view"android:layout_width="match_parent"android:layout_height="match_parent"android:entries="@array/data" > </ListView>

11. ImageView 顯示圖像

<ImageViewandroid:id="@+id/imageView1"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@drawable/ic_launcher" /><ImageViewandroid:id="@+id/imageView2"android:layout_width="wrap_content"android:layout_height="wrap_content"android:background="@drawable/map" />

12. ScrollView 垂直滾動布局

<ScrollViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:scrollbars="horizontal" ><LinearLayoutandroid:layout_width="500sp"android:layout_height="match_parent"android:orientation="vertical" ><ImageViewandroid:layout_width="500sp"android:layout_height="wrap_content"android:src="@drawable/map" /><ImageViewandroid:layout_width="500sp"android:layout_height="wrap_content"android:src="@drawable/map" /><ImageViewandroid:layout_width="500sp"android:layout_height="wrap_content"android:src="@drawable/map" /><ImageViewandroid:layout_width="500sp"android:layout_height="wrap_content"android:src="@drawable/map" /></LinearLayout> </ScrollView>

13. WebView 顯示網頁

//添加網絡權限 <uses-permission android:name="android.permission.INTERNET" /><WebViewandroid:id="@+id/webview"android:layout_width="match_parent"android:layout_height="match_parent" />//在activity public class MainActivity extends Activity {WebView webView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);webView = (WebView) findViewById(R.id.webview);//加載網頁鏈接webView.loadUrl("https://www.baidu.com");} }

二、視圖組

1. 線性布局

2.表格布局

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/TableLayout1"android:layout_width="fill_parent"android:layout_height="fill_parent"android:stretchColumns="0" ><TableRow><TextViewandroid:id="@+id/row1_text0"android:padding="3dip"android:text="row1-text0" /><TextViewandroid:id="@+id/row1_text1"android:padding="3dip"android:text="row1-text1" /></TableRow><TableRow><TextViewandroid:id="@+id/row2_text0"android:padding="3dip"android:text="row2-text0" /><TextViewandroid:id="@+id/row2_text1"android:padding="3dip"android:text="row2-text1" /><TextViewandroid:id="@+id/row2_text3"android:padding="3dip"android:text="row2-text3" /></TableRow><Viewandroid:layout_height="2dip"android:background="#FF909090" /><TableRow><TextViewandroid:id="@+id/row3_text0"android:padding="3dip"android:text="row3-text0" /><TextViewandroid:id="@+id/row3_text1"android:padding="3dip"android:text="row3-text1" /></TableRow></TableLayout> android:stretchColumns="0" //設置第一列為可拉伸列,讓該列填滿這一行所有的剩余空間 android:collapseColumns="0,2" //隱藏第一與第三列 android:shrinkColumns="1" //設置第二個列為可收縮列

3.框架布局

4.相對布局

5.絕對布局

總結

以上是生活随笔為你收集整理的构建用户界面 Android 应用中一些常用的小部件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：实验一查看CPU和内存用机器指令和汇
下一篇： Android Studio 从安装到