編輯:關於Android編程
當然,作為一名菜鳥程序員,更加要懂得把知識整理歸類,方便記憶。
-----------------------------------------------------------
在學校裡聽老師講課,總會讓學生誤會程序員的主要工作不是界面美化,那都是美工做得事情。但隨著移動開發的不斷發展,在軟件開發的過程中,界面設計和功能開發同樣重要。界面美觀的應用不僅可以大大增加用戶粘性,還可以幫我們吸引更多新用戶。如果善用UI控件,可以做出讓人賞心悅目的應用。
Android應用絕大部分UI組件都放在android.widget包及其子包、android.view包及其子包中,Android應用的所有UI都繼承了View類。View類還有一個重要的子類,ViewGroup,但ViewGroup通常作為其他組件其他組件的容器使用。Android的所有UI組件都是建在View、ViewGroup基礎之上,ViewGroup是View的子類,因此ViewGroup也可以被當成View使用。但由於ViewGroup是一個抽象類,因此實際使用中通常總是使用ViewGroup的子類來作為容器,例如各種布局管理器。
1、布局管理器
1.1 LinearLayout 線性布局
LinearLayout 是最常用的布局,它會把容器裡面的組件一個挨一個的排列起來,LinearLayout 可以控制各組件橫縱向排列(通過android:orientation屬性控制)。設置排列方式可以設置為android:orientation="vertical" (垂直排列),android:orientation="horizontal"(水平排列)。還有一個XML屬性是android:gravity對齊方式,有很對齊方式。學習LinearLayout還有另外一個重要屬性android:layout_weight,這個屬性允許我們使用比例方式來指定控件的大小,在手機屏幕適配性方面起到非常重要的作用。
1.2 TableLayout 表格布局
TableLayout繼承了LinearLayout,因此它的本質依然是線性布局管理器。表格布局采用行、列的形式來管理UI組件,TableLayout並不需要明確聲明包含多少行多少列,而是通過添加TableRow來控制表格的行數和列數。每次向TableLayout中添加一個TableRow,該TableRow就是一個表格行。接下來示范:
TableLayout 還有三個屬性需要認知,
android:collapseColumns(設置需要被隱藏列序號)android:shrinkColumns(設置需要被收縮列序號)1.3 FrameLayout 幀布局
FrameLayout 相對於其他布局管理器來說比較簡單,但應用的場景也減少。FrameLayout直接繼承了ViewGroup組件,為每個加入其中的組件創建一個空白區域,把組件一個個地疊加在一起。
<framelayout android:layout_height="match_parent" android:layout_width="match_parent"></framelayout>
顯然兩個組件重疊在左上角,這種布局可能用到的地方可以不多。
1.4 RelativeLayout相對布局
RelativeLayout也是一種比較常用布局,相對布局容器內子組件的位置總是相對於兄弟組件、父容器來決定的,因此這種布局方式被稱為相對布局。
以下是只能設為boolean值得屬性:
android:layout_centerHorizontal 控制該子組件是否位於布局容器的水平居中 android:layout_centerVertical 控制該子組件是否位於布局容器的垂直居中 android:layout_centerInParent 控制該子組件是否位於布局容器的中央位置 android:layout_alignParentTop 控制該子組件是否與布局容器頂端對齊 android:layout_alignParentBottom 控制該子組件是否與布局容器低端對齊 android:layout_alignParentLeft 控制該子組件是否與布局容器左端對齊 android:layout_alignParentRight 控制該子組件是否與布局容器右邊對齊 以下只能設為其他UI組件ID的屬性: android:layout_above 控制該子組件位於給出ID組件的上方 android:layout_below 控制該子組件位於給出ID組件的下方 android:layout_toLeftOf 控制該子組件位於給出ID組件的左側 android:layout_toRightOf 控制該子組件位於給出ID組件的右側 android:layout_alighTop 控制該子組件與給出ID組件的上邊界對齊 android:layout_alighBottom 控制該子組件與給出ID組件的下邊界對齊 android:layout_alighLeft 控制該子組件與給出ID組件的左邊界對齊 android:layout_alighRight 控制該子組件與給出ID組件的右邊界對齊 【實例】梅花布局效果:1.5 GridLayout 網格布局
GridLayout的作用類似於HTML中的Table標簽,它把整個容器劃分成rows*columns個網格,每個網格可以放置一個組件。除此之外也可以設置一個組件橫跨多少列、縱跨多少行。
首先要說的是GridLayout與LinearLayout布局一樣,也分為水平和垂直兩種方式,默認是水平布局:
android:orientation horizontal 水平第二就是GridLayout的屬性:
android:rowCount 設置該網格的列數量 android:columnCount 設置該網格的行數量 android:layout_rowSpan 設置該子組件在容器縱跨幾行 android:layout_columnSpan 設置該子組件在容器橫跨幾行【實例】計算器界面:
當0需要橫跨2列時
android:layout_columnSpan="2" android:layout_gravity="fill"
1.6 AbsoluteLayout絕對布局
AbsoluteLayout絕對布局猶如div指定了absolute屬性,用X,Y坐標來指定元素的位置!
該布局目前已經淘汰,知道就行了!
-----------------------------------------------------
2、常用控件的使用方法
2.1 TextView文本框
TextView是Android中最簡單的控件,它主要用於界面顯示一段文本信息,有點類似Swing編程中的JLabel,但又比JLabel強大。還有些 樣式、文本轉換autoLink和autoText、文本超長ellipsize等等不一一多說。
2.2 EditText編輯框
EditText是程序中用於和用戶進行交互十分重要的控件,它允許用戶在控件裡輸入和編輯內容,應用的場景最常見就是輸入賬號密碼。
EditText 與 TextView非常相似,他甚至與TextView共用了絕大部分XML屬性和方法,他們之間最大的區別就是:EditText 可以接受用戶的輸入。
android:hint:指定編輯框的提示信息;【實例】簡單登錄界面
賬號密碼同樣輸入songsong123時在密碼框就會顯示點點,這是android:inputType的功能。
EditText 還有另外一種情況就是隨著輸入內容越來越多,EditText在界面中會被不斷拉長,導致界面變得非常凌亂,這時我們就應該使用android:maxLines來限制布局走形的情況出現。或者使用 android:maxLength來限制字數都可以達到目的。
android:maxLines="1" android:maxLength="10"
2.3 Button按鈕
Button是程序用於和用戶交互的一個重要控件,Button繼承了TextView。它主要是在UI界面上生成一個按鈕,該按鈕可以供用戶單擊,當用戶單擊按鈕時,就會觸發onClick時間。
實例依然是剛剛那個:
在Java代碼中:
public class MainActivity extends Activity { private Button button; private EditText editText; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.text4); button = (Button) findViewById(R.id.button); editText = (EditText) findViewById(R.id.editText); button.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { String str = editText.getText().toString(); Toast.makeText(getApplicationContext(), str, Toast.LENGTH_SHORT).show(); } }); }
2.4 ImageView圖片
ImageView是繼承自View組件,主要功能不僅用於顯示ImageView,而且還可以顯示任何Drawable對象。
ImageView所支持的android:scaleType屬性可指定如下屬性
fitXY:拉伸圖片(不按比例)以填充View的寬高。 fitStart:按比例拉伸圖片,拉伸後圖片的高度為View的高度,且顯示在View的左邊。 fitCenter:按比例拉伸圖片,拉伸後圖片的高度為View的高度,且顯示在View的中間。 fitEnd:按比例拉伸圖片,拉伸後圖片的高度為View的高度,且顯示在View的右邊。 center:按原圖大小顯示圖片,但圖片寬高大於View的寬高時,截圖圖片中間部分顯示。 centerCrop:按比例放大原圖直至等於某邊View的寬高顯示。 centerInside:當原圖寬高或等於View的寬高時,按原圖大小居中顯示;反之將原圖縮放至View的寬高居中顯示。【實例】圖片的動態切換:
通過單擊ImageView的setImageResource()方法動態完成切換圖片:
public class MainActivity extends ActionBarActivity { int[] images = new int[]{ R.drawable.img1, R.drawable.img2, R.drawable.img3, }; private ImageView img1; int currentImg = 1; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); img1 = (ImageView) findViewById(R.id.img1); img1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { img1.setImageResource(images[++currentImg % images.length]); } }); }
2.5 RadioButton單選按鈕 和 CheckBox復選框
RadioButton和CheckBox是用戶界面中最普通的UI控件,他們都繼承了Button類,因此都可直接調用Button支持的各種屬性和方法。RadioButton和CheckBox和普通Button不同的是他們多了個可選中的功能android:checked屬性。RadioButton和CheckBox的不同點在於一組RadioButton只能選中一個,因此RadioButton通常要與RadioGroup一起使用,用於一組單選按鈕。
【實例】獲取用戶信息的簡單實例:
界面布局代碼:
java代碼為:
public class MainActivity2 extends ActionBarActivity { RadioGroup radioGroup; TextView show; CheckBox checkBox1; CheckBox checkBox2; TextView showbox; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main2); radioGroup = (RadioGroup) findViewById(R.id.rg1); show = (TextView) findViewById(R.id.tv3); checkBox1 = (CheckBox) findViewById(R.id.checkBox1); checkBox2 = (CheckBox) findViewById(R.id.checkBox2); showbox = (TextView) findViewById(R.id.tv4); radioGroup.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() { @Override public void onCheckedChanged(RadioGroup group, int checkedId) { String tip = checkedId == R.id.male ? "性別為男" : "性別為女"; show.setText(tip); } }); checkBox1.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { if (isChecked) { String str = showbox.getText().toString(); showbox.setText(str + checkBox1.getText().toString()); } } }); checkBox2.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { if (isChecked) { String str = showbox.getText().toString(); showbox.setText(str + checkBox2.getText().toString()); } } }); } }
2.6 ProgressBar進度條
進度條也是UI界面中一種非常實用的空間,通常用於向用戶顯示某些耗時操作完成的百分比。進度條可以動態顯示進度,因此避免長時間執行某個耗時操作時,讓用戶感覺程序失去了響應,從而更好提高用戶的友好性。
通過style屬性可以為ProgressBar指定風格:
@android:style/Widget.ProgressBar.Horizontal:水平進度條@android:style/widget.ProgressBar.Inverse:普通大小的環形進度條@android:style/widget.ProgressBar.Large:大環形進度條@android:style/widget.ProgressBar.Large.Inverse:大環形進度條@android:style/widget.ProgressBar.Small:小環形進度條@android:style/widget.ProgressBar.Small.Inverse:小環形進度條ProgressBar常用的XML屬性:
android:max:設置該進度條的最大值style:樣式【實例】最簡單的ProgressBar的布局:
當數據加載完成時,我們就需要另外一個屬性android:visibility進行指定
visible:可見的,這是默認值;也可以在代碼中設置setVisibiliy():
View.VISIBLEView.INVISIBLEView.GONE【實例】ProgressBar進度條隱藏
java文件的代碼:
public class ProgressBarText extends ActionBarActivity { ProgressBar progressBar; Button bt1; Button bt2; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_progress_bar_text); progressBar = (ProgressBar) findViewById(R.id.probar2); bt1 = (Button) findViewById(R.id.bt1); bt2 = (Button) findViewById(R.id.bt2); bt1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { if (progressBar.getVisibility() == View.GONE) { progressBar.setVisibility(View.VISIBLE); } else { progressBar.setVisibility(View.GONE); } } }); bt2.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int progress = progressBar.getProgress(); if (progress>=100){ progressBar.setVisibility(View.GONE); Toast.makeText(getApplicationContext(),"加載完成",Toast.LENGTH_SHORT).show(); }else { progress = progress + 10; progressBar.setProgress(progress); } } }); } }【實例】顯示在標題上的進度條
public class TitleProgressBar extends Activity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //設置窗口特征:啟用顯示進度的進度條 requestWindowFeature(Window.FEATURE_PROGRESS); //① //設置窗口特征:啟用不顯示進度的進度條 // requestWindowFeature(Window.FEATURE_INDETERMINATE_PROGRESS); //② setContentView(R.layout.activity_title_progress_bar); Button bn1 = (Button) findViewById(R.id.bn1); Button bn2 = (Button) findViewById(R.id.bn2); bn1.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { setProgressBarIndeterminateVisibility(true); //顯示不帶進度的進度條 setProgressBarVisibility(true); //顯示帶進度的進度條 setProgress(4500); } }); bn2.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { setProgressBarIndeterminateVisibility(false); //顯示不帶進度的進度條 setProgressBarVisibility(false); //顯示帶進度的進度條 } }); } }
【實例】該程序的界面布局中需要兩個組件:一個ImageView用於顯示圖片,一個SeekBar用於動態改變圖片的透明度,界面布局如下:
程序為拖動條綁定一個監聽器,當滑塊位置發生改變時動態改變ImageView的透明度。
public class SeekBarTest extends Activity { ImageView imageView; SeekBar seekBar; protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_seek_bar); seekBar = (SeekBar) findViewById(R.id.sbk1); imageView = (ImageView) findViewById(R.id.imageView1); //當拖動條的滑塊位置發生變化的時候觸發該方法 seekBar.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() { @Override public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) { imageView.setImageAlpha(progress);//動態改變透明度 } @Override public void onStartTrackingTouch(SeekBar seekBar) { } @Override public void onStopTrackingTouch(SeekBar seekBar) { } }); } }效果:
【實例】創建簡單對話框,界面只有一個按鈕,在代碼中為此按鈕綁定監聽器:
public class AlertDialogText extends Activity { protected void onCreate(Bundle savedInstanceState) { ... //為按鈕綁定單擊事件 public void onClick(View v) { AlertDialog.Builder builder = new AlertDialog.Builder(AlertDialogText.this); builder.setTitle("簡單的標題"); //設置對話框標題 builder.setMessage("對話框的內容\n,這是測試"); //設置對話框內容 builder.setIcon(R.drawable.black); //設置對話框圖標 builder.setCancelable(false); //可否取消 builder.setPositiveButton("OK", new DialogInterface.OnClickListener() { //為builder添加確定按鈕 @Override public void onClick(DialogInterface dialog, int which) { } }); builder.setNegativeButton("Cancel", new DialogInterface.OnClickListener() { //為builder添加取消按鈕 @Override public void onClick(DialogInterface dialog, int which) { } }); builder.show(); } }); } }
效果:
上面這種樣式是最簡單的,AlertDialog還提供了如下6中方法來指定對話框的內容:
setMessage():設置對話框內容為簡單文本;setltems():設置對話框內容為簡單列表項;setSingleChoiceltems():設置對話框內容為單選列表項;setMultiChoiceltems():設置對話框內容為多選列表項;setAdapter():設置對話框內容為自定義列表項;setView():設置對話框內容為自定義View;【實例】用setView來設置登錄界面:
1、定義界面布局login.xml
2、在MainActivity代碼中寫:
public class ViewAlertDialogText extends ActionBarActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_view_alert_dialog_text); findViewById(R.id.bt1).setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { LinearLayout lg = (LinearLayout) getLayoutInflater().inflate(R.layout.login, null); new AlertDialog.Builder(ViewAlertDialogText.this) .setTitle("登錄界面") .setIcon(R.drawable.black) .setView(lg) .setCancelable(false) .setPositiveButton("確定", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { } }) .setNegativeButton("取消", new DialogInterface.OnClickListener() { @Override public void onClick(DialogInterface dialog, int which) { } }) .show(); } }); } }在主布局文件中僅有一個按鈕,代碼就不貼出來了。以下是效果圖:
2.9 ProgressDialog進度對話框
ProgressDialog和AlertDialog有點類似,但ProgressDialog一般用來表示當前操作比較耗時,讓用戶耐心等待。創建ProgressDialog進度對話框有如下兩種方式:
如果只是創建簡單的進度對話框,那麼調用ProgressDialog提供的靜態show()方法顯示對話框即可。創建ProgressDialog,然後調用方法對對話框裡的進度條進行設置,設置完成後將對話框顯示即可。為了對進度對話框的進度條進行設置,ProgressDialog包含了如下常用的方法:
setIndeterminate(boolean indeterminate):設置對話框裡的進度條不顯示進度值;setMax(int):設置對話框裡進度條的最大值;setMessage(CharSequece):設置對話框裡的消息;setProgress(int value):設置對話框裡進度條的進度值;setProgressStyle (int style):設置對話框裡進度條的風格;【實例】
2.10 Menu菜單
今天學習Android應用的界面編程,
學習內容:
掌握View和ViewGroup類學習各個常用控件的使用方法了解View的本質熟練掌握自定義AndroidUI組件熟練掌握Canvas和Drawable畫自定義組件以及事件熟練NinePatch圖像的使用(9圖):保存局部不變,其余拉伸日記工具Log考察問題:
View是所有控件的基類,能否說一下他與Activity的關系。View的核心是什麼,能否說一下裡面的onDraw函數。自定義組件如何實現自定義事件。NinePatch是干什麼的簡單描述下Android界面事件機制好,我們還是先復習一下上上節學到的圖:在開始InlineMethod之前,我們再繼續補充一點BasicBlock的知識。BasicBlock中針對MIR的相關操作Appe
我們已經了解了android觸摸事件傳遞機制,接著我們再來研究一下與觸摸事件傳遞相關的幾個比較重要的類,比如MotionEvent。我們今天就來詳細說明一下這個類的各方面
你的小米手機准備好迎接MIUI8的到來了嗎?今天小編搶先帶來小米MIUI 8系統更新升級教程,想要升級miui8系統的米粉們快來看看吧!MIUI8升級須知:
首先實現簡單布局: 復制代碼 代碼如下: <EditText android:id=@+id/et_url android:layout_width=w