Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Android

วิธีตั้งค่า Margin ใน LinearLayout ด้วยโค้ดใน Android

การกำหนด 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 อื่นๆ

ViewGroupLayoutParams Class
LinearLayoutLinearLayout.LayoutParams
RelativeLayoutRelativeLayout.LayoutParams
ConstraintLayoutConstraintLayout.LayoutParams
FrameLayoutFrameLayout.LayoutParams
GridLayoutGridLayout.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