1. 程式人生 > >Android絕對佈局 登陸介面 圓形頭像

Android絕對佈局 登陸介面 圓形頭像

絕對佈局:通過直接給定控制元件起始座標 ( 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]);
            }
        });
    }
}