گاهی مواقع نیاز داریم که برای یک لایه، دکمه، باکس متن و یا عنصر دیگری در ویوی خود حاشیه ای اعمال نماییم.
این کار در اندروید به شیوه ی خاص خود انجام می پذیرد که در ادامه به شرح آن خواهیم پرداخت:
برای افزودن حاشیه به بالای عنصر مورد نظر خود در دایرکتوری 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، کلفتی و رنگ حاشیه مورد نظر خود را نیز تغییر دهید.
امیدوارم که این آموزش برای شما مفید بوده باشه.
درصورتی که سوالی دارید از بخش نظرات اعلام بفرمایید.
برای اطلاع از پاسخ به نظر شما می توانید ایمیل یا شماره موبایل خود را وارد نمایید. *
ایمیل و شماره موبایل شما کاملا مخفی خواهد ماند و در سایت نمایش داده نخواهد شد. *