আপেক্ষিক লেআউট কেন্দ্র উল্লম্ব


88

আমি একটি তালিকা সারি বিন্যাস করতে চাই। এই লেআউটের সবচেয়ে বাম দিকে একটি চিত্রদর্শন, চিত্রদর্শনের ঠিক পাশের একটি পাঠ্যদর্শন এবং সবচেয়ে ডানদিকে একটি চিত্রদর্শন রয়েছে। আমি তাদের সবগুলিই কেন্দ্রিক উল্লম্বভাবে চাই।

<RelativeLayout
    android:layout_width="fill_parent" android:layout_height="100dp"
    android:gravity="center_vertical"
    >
    <ImageView 
        android:id="@+id/icon"
        android:layout_width="50dp" android:layout_height="50dp"
        android:layout_gravity="center_vertical" />
    <TextView 
        android:id="@+id/func_text" android:layout_toRightOf="@id/icon"
        android:layout_width="wrap_content" android:layout_height="100dp"
        android:layout_gravity="center_vertical" />
    <ImageView 
        android:layout_width="50dp" android:layout_height="50dp"
        android:layout_alignParentRight="true"
        android:layout_gravity="center_vertical"
        android:src="@drawable/arrow" />
</RelativeLayout>

আমি android:layout_centerVertical="true"টেক্সটভিউতে যুক্ত করার চেষ্টাও করেছি, তবে ফলাফলটি দুটি ভিউভিউয়ের সাথে টেক্সটভিউ নীচে সারিবদ্ধ হয়। আমি এটিকে অ্যান্ড্রয়েড ৪.২ এমুলেটরটিতে চেষ্টা করেছি। কেউ আমাকে এই সম্পর্কে সাহায্য করতে পারে?

উত্তর:


82

আমি আপনার লেআউটটি সম্পাদনা করেছি। এখনই এই কোডটি পরীক্ষা করুন।

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="#33B5E5"
android:padding="5dp" >

<ImageView
    android:id="@+id/icon"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignParentLeft="true"
    android:layout_centerInParent="true"
    android:background="@android:drawable/ic_lock_lock" />

<TextView
    android:id="@+id/func_text"
    android:layout_width="wrap_content"
    android:layout_height="100dp"
    android:layout_gravity="center_vertical"
    android:layout_toRightOf="@+id/icon"
    android:gravity="center"
    android:padding="5dp"
    android:text="This is my test string............"
    android:textColor="#FFFFFF" />

<ImageView
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:layout_alignParentRight="true"
    android:layout_centerInParent="true"
    android:layout_gravity="center_vertical"
    android:src="@android:drawable/ic_media_next" />

</RelativeLayout>


22

যদি ভিউয়ের উচ্চতা / প্রস্থ = মোড়ানো_ কনটেন্ট থাকে

ব্যবহার:

android:layout_centerHorizontal="true"
android:layout_centerVertical="true"

যদি ভিউ'র উচ্চতা / প্রস্থ = ম্যাচ_প্যারেন্ট হয়

ব্যবহার:

android:gravity="center_vertical|center_horizontal"

8

উপরে এবং আইকন এক পাঠ্য দর্শন নীচে সমতলতা চেষ্টা করুন, এই টেক্সট দৃশ্য একই উচ্চতা ভাগ তাদের, তারপর সেট করতে হবে gravityকরতে center_verticalউল্লম্বভাবে টেক্সট দর্শনে কেন্দ্রীভূত ভিতরে টেক্সট করা।

<TextView 
        android:id="@+id/func_text" android:layout_toRightOf="@id/icon"
        android:layout_alignTop="@id/icon" android:layout_alignBottom="@id/icon"
        android:layout_width="wrap_content" android:layout_height="wrap_content"
        android:gravity="center_vertical" />

8

আমার জন্য, আমাকে সরিয়ে ফেলতে হয়েছিল

<item name="android:gravity">center_vertical</item>

রিলেটিভলআউট থেকে , তাই বাচ্চাদের কনফিগারেশন কাজ করবে:

<item name="android:layout_centerVertical">true</item>

4

এটি আমার জন্য কাজ করছে।

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/rell_main_bg"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#096d74" > 

<ImageView 
    android:layout_width="wrap_content"
    android:layout_height="match_parent"
    android:layout_centerVertical="true"
    android:layout_centerHorizontal="true"
    android:src="@drawable/img_logo_large"
    android:contentDescription="@null" />

</RelativeLayout>

1

এটি হতে পারে কারণ পাঠ্যদর্শনটি খুব বেশি। অ্যান্ড্রয়েড পরিবর্তন করুন: টেক্সটভিউয়ের লেআউট_উইটটিকে মোড়ানো_পরিচয় বা ব্যবহার করতে

android:gravity="center_vertical"

1

উভয় যুক্ত করা android:layout_centerInParentএবং android:layout_centerVerticalআমার পক্ষে ImageViewউল্লম্ব এবং অনুভূমিক উভয়কে কেন্দ্র করে রাখার জন্য কাজ করুন :

<ImageView
    ..
    android:layout_centerInParent="true"
    android:layout_centerVertical="true"
    />

0
       <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentStart="true"
                android:layout_centerInParent="true"
                android:layout_gravity="center_vertical"
                android:layout_marginTop="@dimen/main_spacing_extra_big"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"

                    android:fontFamily="@font/noto_kufi_regular"
                    android:text="@string/renew_license_municipality"
                    android:textColor="@color/sixth_text"
                    android:textSize="@dimen/main_text" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:fontFamily="@font/noto_kufi_regular"
                    android:text="@{RenewLicenseBasicInfoFragmentVM.tvMunicipality}"
                    android:textColor="@color/sixth_text"
                    android:textSize="@dimen/main_text" />
            </LinearLayout>

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_alignParentEnd="true"
                android:layout_centerInParent="true"
                android:layout_gravity="center_vertical"
                android:layout_marginTop="@dimen/main_spacing_extra_big"
                android:orientation="horizontal">

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="end"
                    android:fontFamily="@font/noto_kufi_regular"
                    android:text="@string/renew_license_license_number"
                    android:textColor="@color/sixth_text"
                    android:textSize="@dimen/main_text" />

                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="end"
                    android:fontFamily="@font/noto_kufi_regular"
                    android:text="@{RenewLicenseBasicInfoFragmentVM.tvLicenseNum}"
                    android:textColor="@color/sixth_text"
                    android:textSize="@dimen/main_text" />
            </LinearLayout>`enter code here`

        </RelativeLayout>

0
        <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:layout_marginHorizontal="5dp"
        android:layout_marginBottom="5dp"
        android:background="@drawable/default_button">

        <ImageView
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_alignParentLeft="true"
            android:layout_centerInParent="true"
            android:layout_marginStart="15dp"
            android:src="@drawable/google" />

        <Button
            android:id="@+id/btnGmailLogin"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@null"
            android:paddingHorizontal="15dp"
            android:text="@string/gmail_login_button_text"
            android:textAllCaps="false"
            android:textColor="@color/black" />
    </RelativeLayout>

4
যদি এটি একটি উত্তর হয় তবে দয়া করে আপনার উত্তর সহ কিছু বিবরণ / তথ্য ঠিক করুন।
মুফাজমি 0
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.