PishroApp

15 اسفند 1397 ساعت 14:35

افزودن حاشیه (border) به یک عنصر در برنامه نویسی اندروید

گاهی مواقع نیاز داریم که برای یک لایه، دکمه، باکس و یا عنصر دیگری در view ی خود حاشیه ای اعمال نماییم. این کار در اندروید به شیوه ی خاص خود یعنی استفاده از xml انجام می پذیرد. در این مطلب ما قصد داریم به شما آموزش دهیم تا بتوانید به راحتی قابلیت افزودن حاشیه را به عناصر مورد نظر خود اضاف نمایید.

گاهی مواقع نیاز داریم که برای یک لایه، دکمه، باکس متن و یا عنصر دیگری در ویوی خود حاشیه ای اعمال نماییم.

این کار در اندروید به شیوه ی خاص خود انجام می پذیرد که در ادامه به شرح آن خواهیم پرداخت:

 

برای افزودن حاشیه به بالای عنصر مورد نظر خود در دایرکتوری res\drawable یک فایل xml بنام border_top ایجاد و کدهای زیر را در آن قرار دهید:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:bottom="-2dp" android:left="-2dp" android:right="-2dp">
        <shape android:shape="rectangle">
            <stroke android:width="1dp" android:color="#000" />
        </shape>
    </item>
</layer-list>

 

برای افزودن حاشیه به پایین عنصر خود فایل drawable/border_bottom.xml را ایجاد و کد زیررا در آن قرار دهید:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="-2dp" android:left="-2dp" android:right="-2dp">
        <shape android:shape="rectangle">
            <stroke android:width="1dp" android:color="#000" />
        </shape>
    </item>
</layer-list>

برای افزودن حاشیه به سمت چپ عنصر مورد نظر فایل drawable/border_left.xml را ایجاد و کد زیررا در آن قرار دهید:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="-2dp" android:bottom="-2dp" android:right="-2dp">
        <shape android:shape="rectangle">
            <stroke android:width="1dp" android:color="#000" />
        </shape>
    </item>
</layer-list>

 

برای افزودن حاشیه به سمت راست عنصر، فایل drawable/border_right.xml را ایجاد و کدهای زیررا در آن قرار دهید:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:top="-2dp" android:bottom="-2dp" android:left="-2dp">
        <shape android:shape="rectangle">
            <stroke android:width="1dp" android:color="#000" />
        </shape>
    </item>
</layer-list>

و در نهایت برای ایجاد یک حاشیه کلی می توایند از کد زیر را در فایلی بنام drawable/border_full.xml ذخیره و کدهای زیر را در آن قرار دهید:

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <stroke android:width="1dp" android:color="#000" />
        </shape>
    </item>
</layer-list>

 

 

حال برای اعمال حاشیه مورد نظر خود کافیست دستور زیر را به کدهای xml عنصر مورد نظر اضاف نمایید:

 

android:background="@drawable/border_bottom"

به جای border_bottom می توانید بردر های چپ، بالا، ویا راست را قرار دهید.

شما می توانید با تغییر width  و color، کلفتی و رنگ حاشیه مورد نظر خود را نیز تغییر دهید.

 

امیدوارم که این آموزش برای شما مفید بوده باشه.

درصورتی که سوالی دارید از بخش نظرات اعلام بفرمایید.

39 admin
نظرات

برای اطلاع از پاسخ به نظر شما می توانید ایمیل یا شماره موبایل خود را وارد نمایید. *

ایمیل و شماره موبایل شما کاملا مخفی خواهد ماند و در سایت نمایش داده نخواهد شد. *

پاسخ به نظر
اگر نظری برای این مطلب ارسال شد از طریق ایمیل مرا اطلاع بده!

هنوز برای این مطلب نظری ارسال نشده است!
0