1.收獲
今天開(kāi)始做小的Android的demo,雖然在早上大部分時(shí)間講的都是理論，雖然這些理論聽(tīng)著是有點(diǎn)枯燥的攻礼，但是對(duì)于我這種人來(lái)說(shuō)业踢，是非常好的，因?yàn)槲乙粋€(gè)愛(ài)去搞明白的人礁扮，當(dāng)我碰到一些難題時(shí)知举，就會(huì)去思考他為什么是這樣，為什么要這么做太伊，不搞明白不罷休的那種雇锡，這些理論的知識(shí)就為后面的做demo種下了基礎(chǔ)，就不會(huì)在講的去耽誤很多的時(shí)間僚焦。所以我在后面的demo中理解上很輕松遮糖。就是有的方法不是太熟悉，不知道怎末用他們叠赐，自己害怕忘記了欲账，自己還把他們記下來(lái)了。這集訓(xùn)的一個(gè)月就這樣過(guò)去了芭概，自己學(xué)到了多少東西赛不，只有自己知道，時(shí)間還有罢洲，初心還在踢故！加油！
2.技術(shù)
（1）界面的布局
（2）scaleType的使用
（3）控件的添加
（4）測(cè)量控件的坐標(biāo)和本身的大小
（5）圖案解鎖demo(前面小部分)
3.技術(shù)的實(shí)際應(yīng)用和實(shí)踐
（1）界面的布局
在上節(jié)課中我們講了界面布局的方式有6種
這節(jié)課可我們講了怎樣去布局惹苗，哪些布局方式是常用的殿较，有哪些屬性，接下來(lái)如下圖
線性布局 LinearLayout
LinearLayout: LinearLayout.LayoutParams
Margin:控件邊緣和其他控件的間距- 外間距
Padding：控件內(nèi)部和?自?己邊緣的間距- 內(nèi)間距
其中的屬性
相對(duì)布局 RelativeLayout
在MaraginLayout的基礎(chǔ)上添加了對(duì)齊
（當(dāng)前這個(gè)控件和v1哪邊對(duì)齊）
Layout_alignRight=”@id/v1”
Layout_alignLeft=”@id/v1”
Layout_alignTop=”@id/v1”
Layout_alignBottom=”@id/v1”
約束布局 ConstraintLayout
添加約束條件（代碼）：
<View
android:id="@+id/v1"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@color/colorAccent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toStartOf="@id/v2"
android:layout_marginLeft="50dp"
android:layout_marginTop="50dp"
android:layout_marginRight="50dp"
android:layout_marginBottom="50dp"
/>
<View
android:id="@+id/v2"
android:layout_width="0dp"
android:layout_height="0dp"
android:background="@color/colorPrimary"
app:layout_constraintStart_toEndOf="@id/v1"
app:layout_constraintTop_toTopOf="@id/v1"
app:layout_constraintBottom_toBottomOf="@id/v1"
app:layout_constraintEnd_toEndOf="parent"
android:layout_marginRight="50dp"
/>
圖片：
效果：
（2）scaleType的使用
在設(shè)置背景圖片時(shí)的Android:scaleType=”T”表示什么意思
現(xiàn)在解釋如下：
（3）控件的添加
首先我們要確定該容器是什么布局桩蓉，我們才能知道用什么屬性和方法
首先在這里修改布局方式
讓后在XML文件中添加控件
添加背景圖片（想要添加自己想要的圖片要把圖片拖到drawble下面）
<ImageView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:src="@drawable/main_bg"
android:scaleType="fitXY"/>
添加子控件
<ImageView
android:id="@+id/opview"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/op_bg"
android:layout_centerInParent="true"
/>
（4）測(cè)量控件的坐標(biāo)和本身的大小
現(xiàn)在有一問(wèn)題就是我們把控件添加到什么地方淋纲，我們就需要坐標(biāo)，那麼這個(gè)坐標(biāo)我們?cè)趺慈カ@取呢
搞清楚手機(jī)的坐標(biāo)系
然后再來(lái)確定控件的坐標(biāo)和本身的大小
在這里我們需要重寫(xiě)方法onWindowFocusChanged(boolean hasFocus) {}
@Override
public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);
//獲取屏幕密度
float a=getResources().getDisplayMetrics().density;
//判斷是否已經(jīng)顯示
if(hasFocus){
//獲取容器
RelativeLayout rl=findViewById(R.id.rootlayout);
//獲取背景視圖
ImageView iv=findViewById(R.id.opview);
//獲取x和y以及本身的長(zhǎng)和寬
int x=iv.getLeft();
int y=iv.getTop();
int w=iv.getWidth();
int h=iv.getHeight();
}
安卓 在容器中添加的控件需要被window計(jì)算/測(cè)量
通常在onCreat,onStart,onResume無(wú)法獲取控件本身的尺寸
所有的測(cè)量都是在另一個(gè)線程中操作
如果想要獲取控件的尺寸 就得要用重寫(xiě)onWindowFocusChanged(boolean hasFocus){}方法
Android中獲取手機(jī)屏幕的高度和寬度院究，我們知道在onCreate方法中獲取到的值都是為0的洽瞬，有人說(shuō)可以在onClick方法中獲取值本涕，這個(gè)也是個(gè)方法 ，但在onWindowFocusChanged方法中可以直接獲取到伙窃，而且有的時(shí)候場(chǎng)景的需要菩颖，就不得不在Activity渲染完成后立馬獲取值,這時(shí)候onWindowFocusChanged()方法就用到實(shí)處了，類(lèi)似的有PopupWindow的顯示为障，如果在onCreate方法中執(zhí)行的話晦闰，會(huì)報(bào)沒(méi)有token的異常,就是因?yàn)锳ctivity沒(méi)有渲染成功.
onWindowFocusChanged()：當(dāng)Activity的當(dāng)前Window獲得或失去焦點(diǎn)時(shí)會(huì)被回調(diào)此方法。當(dāng)回調(diào)了這個(gè)方法時(shí)表示Activity是完全對(duì)用戶(hù)可見(jiàn)的(只是可見(jiàn)鳍怨，還一片黑呼呼的鹅髓，有待draw..)。當(dāng)對(duì)話框彈起/消失及Activity新創(chuàng)建及回退等都會(huì)調(diào)用此方法京景。
相比之下窿冯，onResume()方法更多的是指Activity進(jìn)入了可見(jiàn)的狀態(tài)，但只是狀態(tài)确徙，并不是真正的界面構(gòu)建完成了醒串。
至此,如果需要獲取某個(gè)View的寬高，可以在onWindowFocusChanged()處直接獲取即可鄙皇，這比對(duì)某個(gè)view設(shè)置onGlobalLayoutListener的方式來(lái)獲取方便了許此芜赌。又比如，對(duì)于需要讀取本地文件記錄來(lái)判斷是否是第一次打開(kāi)界面去提示文本圖片的伴逸，也可以在此方法中去讀取然后再顯示在ui上缠沈。
（5）圖案解鎖demo(前面小部分)
在前面的基礎(chǔ)上我們需要添加一些東西
//創(chuàng)建橫線
for(int i=0;i<3;i++){
for (int j = 0; j < 2; j++) {
//創(chuàng)建一個(gè)視圖顯示線
ImageView lineView=new ImageView(this);
//設(shè)置圖片
lineView.setBackgroundResource(R.drawable.normal_highlight1);
//創(chuàng)建布局參數(shù)
RelativeLayout.LayoutParams params=new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
params.leftMargin=(int)(x+46.6*a+99*a*j);
params.topMargin=(int)(y+170*a+99*a*i);
rl.addView(lineView,params);
}
}
```//創(chuàng)建豎線
for(int i=0;i<2;i++){
for (int j = 0; j < 3; j++) {
//創(chuàng)建一個(gè)視圖顯示線
ImageView lineView=new ImageView(this);
//設(shè)置圖片
lineView.setBackgroundResource(R.drawable.normal_highlight2);
//創(chuàng)建布局參數(shù)
RelativeLayout.LayoutParams params=new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
params.leftMargin=(int)(x+42*a+99*a*j);
params.topMargin=(int)(y+170*a+99*a*i);
rl.addView(lineView,params);
}
}
//創(chuàng)建右豎線
for(int i=0;i<2;i++){
for (int j = 0; j < 2; j++) {
//創(chuàng)建一個(gè)視圖顯示線
ImageView lineView=new ImageView(this);
//設(shè)置圖片
lineView.setBackgroundResource(R.drawable.normal_highlight3);
//創(chuàng)建布局參數(shù)
RelativeLayout.LayoutParams params=new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
params.leftMargin=(int)(x+42*a+99*a*j);
params.topMargin=(int)(y+170*a+99*a*i);
rl.addView(lineView,params);
}
}
//創(chuàng)建左豎線
for(int i=0;i<2;i++){
for (int j = 0; j < 2; j++) {
//創(chuàng)建一個(gè)視圖顯示線
ImageView lineView=new ImageView(this);
//設(shè)置圖片
lineView.setBackgroundResource(R.drawable.normal_highlight4);
//創(chuàng)建布局參數(shù)
RelativeLayout.LayoutParams params=new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT,ViewGroup.LayoutParams.WRAP_CONTENT);
params.leftMargin=(int)(x+54*a+99*a*j);
params.topMargin=(int)(y+170*a+99*a*i);
rl.addView(lineView,params);
}
}
//九個(gè)點(diǎn)
for (int i = 0; i < 3; i++) {
for (int j = 0; j < 3; j++) {
//創(chuàng)建用于顯示點(diǎn)的視圖
ImageView dotView=new ImageView(this);
//隱藏視圖
dotView.setVisibility(View.VISIBLE);
//顯示對(duì)應(yīng)的圖片
dotView.setBackgroundResource(R.drawable.selected_dot);
//創(chuàng)建控件的尺寸
RelativeLayout.LayoutParams params=new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
params.leftMargin=(int)(x+35*a+99*a*i);
params.topMargin=(int)(y+164*a+99*a*j);
//將子控件添加到容器中
rl.addView(dotView,params);
}
}
}
}
效果：
