Android絕對佈局 登陸介面 圓形頭像
阿新 • • 發佈:2018-12-20
絕對佈局:通過直接給定控制元件起始座標 ( x , y ) 和 ( w , l ) ,來生成控制元件。 圓形頭像:CircleImageView的使用 注:在build.gradle中新增: implementation ‘de.hdodenhof:circleimageview:1.3.0’
XML佈局檔案:
<?xml version="1.0" encoding="utf-8"?>
<AbsoluteLayout
android:id="@+id/root"
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".Home"
android:layout_gravity="center">
<!--定義一個文字框用於存放頭像,使用絕對佈局-->
<de.hdodenhof. circleimageview.CircleImageView
android:id="@+id/imageview"
android:layout_x="150dp"
android:layout_y="75dp"
android:layout_width="100dp"
android:layout_height="100dp"/>
<!--定義一個文字框,使用絕對定位-->
<TextView
android:layout_width="wrap_content"
android: layout_height="wrap_content"
android:layout_x="20dp"
android:layout_y="225dp"
android:text="使用者名稱:"/>
<!--定義一個文字編輯框,使用絕對定位-->
<EditText
android:layout_x="80dp"
android:layout_y="215dp"
android:hint="郵箱/手機/使用者名稱"
android:layout_width="wrap_content"
android:width="275dp"
android:layout_height="wrap_content"
android:singleLine="true" />
<!--定義一個文字框使用絕對定位-->
<TextView
android:layout_x="20dp"
android:layout_y="285dp"
android:text=" 密 碼 :"
android:gravity="center"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />
<!--定義一個文字編輯框,使用絕對定位-->
<EditText
android:layout_x="80dp"
android:layout_y="275dp"
android:hint="密碼/驗證碼"
android:layout_width="wrap_content"
android:width="275dp"
android:layout_height="wrap_content"
android:password="true"
android:singleLine="true" />
<!--定義一個按鈕,使用絕對定位-->
<Button
android:layout_x="100dp"
android:layout_y="350dp"
android:layout_width="200dp"
android:layout_height="wrap_content"
android:text=" 登 錄 "/>
</AbsoluteLayout>
Java程式碼 動態設定頭像: //點選 切換圖片
public class Home extends AppCompatActivity {
private LinearLayout mainLayout=null;
private ImageView iv=null;
//定義一個訪問圖片的陣列
int[] images = new int[]{//放置你的圖片
R.drawable.gass,
R.drawable.gonzhixiaochou
};
//用於圖片切換
int currenImg = 0;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);//顯示manLayout
//建立CirImageView元件
final CircleImageView circleimageView01 = (CircleImageView) findViewById(R.id.imageview);
//設定CirImageView背景
circleimageView01.setImageResource(images[0]);
circleimageView01.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
//切換背景
circleimageView01.setImageResource(images[++currenImg % images.length]);
}
});
}
}