目錄
1.RelativeLayout及其屬性
第一類:
第二類:
第三類:
2.開始操作
今天給大家講有關安卓的一些東西,和之前的JAVA不同的是,這次我是先做點東西出來,在做的 程序中進行學習,這樣可能知識有漏洞,但是不可否認,學習效率會提高

接下來我會根據代碼進行有關知識的說明,也就是個學習筆記,大家共勉
一個簡單的對弈五子棋如何做呢?
慢慢來~

1.RelativeLayout及其屬性
RelativeLayout相對布局
相對布局 RelativeLayout 允許子元素指定它們相對于其父元素或兄弟元素的位置,這是實際布局中最常用的布局方式之一,它靈活性大很多,當然屬性也多,操作難度也大,屬性之間產生沖突的的可能性也大,使用相對布局時要多做些測驗,
以上是對RelativeLayout的簡單介紹,個人認為還是很清楚的,
簡單知道相對布局的概念之后,我們要探索的實際上是它的屬性,
RelativeLayout用到的一些重要的屬性:
第一類:
屬性值為true或false
android:layout_centerHrizontal 水平居中
android:layout_centerVertical 垂直居中
android:layout_centerInparent 相對于父元素完全居中
android:layout_alignParentBottom 貼緊父元素的下邊緣
android:layout_alignParentLeft 貼緊父元素的左邊緣
android:layout_alignParentRight 貼緊父元素的右邊緣
android:layout_alignParentTop 貼緊父元素的上邊緣
android:layout_alignWithParentIfMissing 如果對應的兄弟元素找不到的話就以父元素做參照物
第二類:
屬性值必須為id的參考名“@id/id-name”
android:layout_below 在某元素的下方
android:layout_above 在某元素的的上方
android:layout_toLeftOf 在某元素的左邊
android:layout_toRightOf 在某元素的右邊
android:layout_alignTop 本元素的上邊緣和某元素的的上邊緣對齊
android:layout_alignLeft 本元素的左邊緣和某元素的的左邊緣對齊
android:layout_alignBottom 本元素的下邊緣和某元素的的下邊緣對齊
android:layout_alignRight 本元素的右邊緣和某元素的的右邊緣對齊
第三類:
屬性值為具體的像素值,如30dip,40px
android:layout_marginBottom 離某元素底邊緣的距離
android:layout_marginLeft 離某元素左邊緣的距離
android:layout_marginRight 離某元素右邊緣的距離
android:layout_marginTop 離某元素上邊緣的距離
像上面的介紹我們就不需要把每種都記住,應該了解有什么形式,大概形式是什么樣子的,輸入關鍵的一些字母,Android stutio就會給出你滿意的答復,
調位置的屬性不只是上面所說的,我們可能會經常用到android:gravity屬性,舉個例子:android:gravity = "center"和上面的android:layout_centerInParent 有什么區別呢?
這里又牽扯到了LinearLayout(線性布局),
LinearLayout是線性布局控制元件,它包含的子控制元件將以橫向或豎向的方式排列,按照相對位置來排列所有的widgets或者其他的containers,超過邊界時,某些控制元件將缺失或消失,因此一個垂直串列的每一行只會有一個widget或者是container,而不管他們有多寬,而一個水平串列將會只有一個行高(高度為最高子控制元件的高度加上邊框高度),LinearLayout保持其所包含的widget或者是container之間的間隔以及互相對齊(相對一個控制元件的右對齊、中間對齊或者左對齊),
gravity是LinearLayout里的屬性,而centerInParent是RelativeLayout里的屬性,
下面附上一個LinearLayout屬性的效果圖,幫助理解吧:

2.開始操作
我們做五子棋的時候需要繪制棋盤,放棋子,判輸贏等等,主class要繼承View視圖,View為所有圖形的基類,定義了繪圖的基本操作,

首先我們要有個五子棋界面的背景圖,還應該有白棋黑棋,這是最基礎的,
那么怎么將背景圖或其他圖加入到代碼中呢?

我們最后是要把圖片放到drawable目錄下,
這個其實很簡單,找到我們要放入的圖片,復制一下,然后右擊drawable進行粘貼:

第一次應該不會出現右邊的提示框,直接就將圖片加入到drawable目錄下了,
在繪制的時候,我們應該使用paint畫筆,記得之前看過書上說,panel相當于一個畫布,paint是個畫筆,你可以設定畫筆的粗細大小風格等等,然后進行繪制,所以我們定義一個畫筆:

那么畫筆的初始化在哪里呢?
我們定義一個方法init(),這個方法放在我們的Panel類的建構式中:

現在我們就來寫這個初始化方法:

第一個初始化的是畫筆的顏色;
第二個是抗鋸齒功能:

第三個是影像抖動處理:也是為了讓影像更加平滑,
第四個是畫筆風格,我們使用的是stroke,描邊劃線,
好,現在畫筆就調好了,下面就可以繪制網格了,
網格的繪制我們放到view提供的onDraw方法中:

這里只是提供了一個drawBoard的方法,因為我們不僅僅是繪制網格,后面還要繪制棋子,所以各自寫一個函式比較好,
這個方法如下:

繪制網格之前我們應該考慮的是整個網格的大小,以及每行每列的網格數,

所以我們需要先定義一下網格整個的寬和高以及每行每列的格子數,我們這里做一個正方形的網格,格子是10*10的,這里要注意的一點是行高設定為float型,因為我們之后在繪制的時候,上下左右要留一點留白的,因為棋子可以下到邊界處:

所以我們第一點實際上行、縱坐標是0.5、0.5開始的,第一行的縱坐標y=0.5,這也解釋了為什么我們上面繪制方法里寫的是:

在繪制的時候,我們要知道,是先進行行的繪制,然后進行列的繪制,多個行和多個列采用回圈實作,這里我們舉個繪制行的例子:上面兩行代碼把初始橫坐標表示出來了,那么縱坐標怎么表示呢?每一行之間我們設定的是相差1個單位,所以:

然后呼叫繪制直線的方法即可:

同理,我們可以知道列怎么畫了,
給大家看一眼效果圖:

這是今天要給大家講的東西,實際上不多,但是寫起來還真是挺費勁的,不過好在可以幫助自己理清代碼邏輯,也是有裨益的,明天我們講一下初始化棋子,這里面注意的點還是挺多的,一起學習吧,
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/263481.html
標籤:其他
