การกำหนด Margin ให้ View ใน LinearLayout โดยโปรแกรม (Programmatically)
ตัวอย่างนี้แสดงวิธีสร้าง Button และตั้งค่า Margin ให้ด้วย LinearLayout.LayoutParams และ setMargins() ในโค้ด Java
ขั้นตอนที่ 1: สร้างโปรเจกต์ใหม่
Android Studio → File → New Project → กรอกรายละเอียด → Finish
ขั้นตอนที่ 2: Layout - res/layout/activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="https://schemas.android.com/apk/res/android"
xmlns:tools="https://schemas.android.com/tools"
android:layout_width="match_parent"
android:id="@+id/linearLayout"
android:layout_height="match_parent"
android:orientation="vertical"
tools:context=".MainActivity" />
ขั้นตอนที่ 3: MainActivity.java
package app.tutorialspoint.com.sample;
import android.os.Bundle;
import androidx.appcompat.app.AppCompatActivity;
import android.widget.Button;
import android.widget.LinearLayout;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
LinearLayout ll = findViewById(R.id.linearLayout);
// สร้าง LayoutParams
LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(
LinearLayout.LayoutParams.MATCH_PARENT,
LinearLayout.LayoutParams.WRAP_CONTENT
);
// ตั้งค่า Margin: left, top, right, bottom (หน่วยเป็น Pixel)
layoutParams.setMargins(30, 20, 30, 0);
// สร้าง Button และเพิ่มเข้า LinearLayout
Button okButton = new Button(this);
okButton.setText("ข้อความตัวอย่าง");
ll.addView(okButton, layoutParams);
}
}
ขั้นตอนที่ 4: AndroidManifest.xml
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="https://schemas.android.com/apk/res/android"
package="app.tutorialspoint.com.sample">
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:roundIcon="@mipmap/ic_launcher_round"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>
การแปลง dp เป็น Pixel
Margin ใน setMargins() ใช้หน่วย Pixel ต้องแปลงจาก dp:
public int dpToPx(int dp) {
float density = getResources().getDisplayMetrics().density;
return Math.round(dp * density);
}
// ใช้งาน
layoutParams.setMargins(dpToPx(16), dpToPx(8), dpToPx(16), dpToPx(8));
LayoutParams สำหรับ ViewGroup อื่นๆ
| ViewGroup | LayoutParams Class |
|---|---|
| LinearLayout | LinearLayout.LayoutParams |
| RelativeLayout | RelativeLayout.LayoutParams |
| ConstraintLayout | ConstraintLayout.LayoutParams |
| FrameLayout | FrameLayout.LayoutParams |
| GridLayout | GridLayout.LayoutParams |
RelativeLayout.LayoutParams ตัวอย่าง
RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(
RelativeLayout.LayoutParams.WRAP_CONTENT,
RelativeLayout.LayoutParams.WRAP_CONTENT
);
params.setMargins(16, 16, 16, 16);
params.addRule(RelativeLayout.CENTER_IN_PARENT, RelativeLayout.TRUE);
relativeLayout.addView(button, params);
ConstraintLayout.LayoutParams (Complex)
ConstraintLayout.LayoutParams params = new ConstraintLayout.LayoutParams(
ConstraintLayout.LayoutParams.WRAP_CONTENT,
ConstraintLayout.LayoutParams.WRAP_CONTENT
);
params.startToStart = ConstraintLayout.LayoutParams.PARENT_ID;
params.topToTop = ConstraintLayout.LayoutParams.PARENT_ID;
params.setMargins(16, 16, 16, 16);
constraintLayout.addView(view, params);
การทดสอบ
รันแอป → จะเห็น Button อยู่ห่างจากขอบซ้าย 30px, บน 20px, ขวา 30px