- TextView
修改布局如下:
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent">
<TextView
android:id="@+id/text_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center"
android:textSize="24sp"
android:textColor="#00ff00"
android:text="jian shu"/>
</LinearLayout>
- 在布局中添加TextView控件,它主要用于在界面上顯示一段文本信息。
- android:id 是給當前的元素定義一個唯一的標識符锉罐,之后可以在代碼中對這個元素進行操作簸淀。
- android:layout_width和android:layout_height指定了控件的寬度和高度晒喷,可選值有三種:match_parent、wrap_content和fill_parent,其中match_parent和fill_parent的意義相同映皆,現(xiàn)在官方更加推薦使用 match_parent挤聘,match_parent 表示讓當前的控件的大小和父布局的大小一樣,也就是由父布局來決定當前控件的大小捅彻,wrap_content 表示讓當前控件的大小能包含住里面的內(nèi)容组去,也就是由控件的內(nèi)容決定控件的大小。
- android:gravity是用來指定文件的對齊方式步淹,可選值有: top 添怔、botton、left贤旷、right广料、center 等,可以用“ | ”來同時指定多個值幼驶,這里我們指定center 艾杏, 表示文字在垂直和水平方向上都居中對齊,如果控件中不添加這個屬性盅藻,那么布局就默認TextView中的文字居左上角對齊购桑。
- android:textSize 和 android:textColor 表示更改TextView中文字的大小和顏色,Android的字體大小使用sp作為單位氏淑。
- android:text 表示TextView 中顯示的內(nèi)容勃蜘。
運行程序,效果如下:
- Button
在布局中添加一個Button假残,如下:
<Button
android:id="@+id/button"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Button"
android:textAllCaps="false"/>
- 其他屬性在上面都已經(jīng)介紹過了缭贡, android:textAllCaps 比較陌生炉擅,他的作用是對Button中的所有英文字母進行大小寫轉換的控制,如果不添加此書行阳惹,系統(tǒng)默認為進行大寫轉換谍失。“false” 為禁用大寫轉換莹汤,
- 可以在MainActivity中添加一個監(jiān)聽器快鱼,代碼如下:
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button button = (Button) findViewById(R.id.button);
button.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View v) {
Toast.makeText(MainActivity.this, "簡書", Toast.LENGTH_SHORT).show();
}
});
}
} ```
點擊Button按鈕,效果如下圖:
![圖二](http://upload-images.jianshu.io/upload_images/6538308-c631ad9b15c6e9f6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
3. EditText
同樣在布局中添加這個控件纲岭,代碼如下:
<EditText
android:id="@+id/edit_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="Welcome"
android:maxLines="3"/>
- EditText 允許用戶在控件里輸入和編輯內(nèi)容抹竹,并可以在程序中對這些內(nèi)容進行處理。
- android:hint 屬性指定了一段提示文本止潮。
- android:maxLines 指定了 EditText的最大行數(shù)柒莉,這里我們選最大3行,這樣當輸入的內(nèi)容超過3行時沽翔,文本就會向上滾動兢孝,而 EditText 則不會向上拉伸。效果如下圖:
![圖三
![圖四](http://upload-images.jianshu.io/upload_images/6538308-3c3e0cb3252fdeaf.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
](http://upload-images.jianshu.io/upload_images/6538308-0c5fd937e1fe385f.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
4.ImageView
同樣在布局中添加此控件:
<ImageView
android:id="@+id/image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/image1"/>
- ImageView 是一個展示圖片的控件仅偎。
- android:src為添加照片的屬性跨蟹,準備兩張照片放在 drawable文件下。
我們可以動態(tài)的更改 ImageView 中的圖片橘沥,通過修改MainActivity:
public class MainActivity extends AppCompatActivity {
private ImageView imageView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button button = (Button) findViewById(R.id.button);
imageView = (ImageView) findViewById(R.id.image_view);
button.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View v) {
imageView.setImageResource(R.drawable.image2);
}
});
}
}
運行程序窗轩,點擊Button 后發(fā)現(xiàn)圖片切換了,如下圖:
![圖五](http://upload-images.jianshu.io/upload_images/6538308-7b891cadb11d0f52.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
![圖六](http://upload-images.jianshu.io/upload_images/6538308-9b997ae924868403.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
5.ProgressBar
修改布局和MainActivity :
<ProgressBar
android:id="@+id/progress_bar"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
public class MainActivity extends AppCompatActivity {
private ImageView imageView;
private ProgressBar progressBar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
Button button = (Button) findViewById(R.id.button);
imageView = (ImageView) findViewById(R.id.image_view);
progressBar = (ProgressBar) findViewById(R.id.progress_bar);
button.setOnClickListener(new View.OnClickListener(){
@Override
public void onClick(View v) {
if (progressBar.getVisibility() == View.GONE) {
progressBar.setVisibility(View.VISIBLE);
} else {
progressBar.setVisibility(View.GONE);
}
}
});
}
}
效果如下圖座咆,可以通過點擊Button按鈕來控制進度條的顯示痢艺。
![圖七](http://upload-images.jianshu.io/upload_images/6538308-1acf451d429b53f0.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)