Как поместить границу вокруг андроидного релятивирования?
Я видел этот тему об установке рамки вокруг андроидного textview, и я использовал ее. Но теперь я хотел бы разместить границу вокруг виджетов, которые расположены в относительной компоновке. Как я могу это сделать?
Ответы
Ответ 1
- в папке
res/drawable
, создайте новый файл background_border.xml
В этом файле вы определяете фон для виджетов следующим образом:
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >
<!-- This is the stroke you want to define -->
<stroke android:width="1dp"
android:color="@color/color_stroke"/>
<!-- Optional, round your corners -->
<corners android:bottomLeftRadius="0dp"
android:topLeftRadius="5dp"
android:bottomRightRadius="5dp"
android:topRightRadius="0dp" />
<!-- Optional, fill the rest of your background with a color or gradient, use transparent if you only want the border to be displayed-->
<gradient android:startColor="@android:color/transparent"
android:endColor="@android:color/transparent"
android:angle="90"/>
</shape>
- установите фон вашего виджета в только что созданную настраиваемую конфигурацию.
например. если вы хотите поместить свою границу в режим релятивирования:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@drawable/background_border"
android:padding="15dp">
...
</RelativeLayout>
Ответ 2
RelativeLayout layout = (RelativeLayout) view.findViewById(R.id.borderEffect); // id fetch from xml
ShapeDrawable rectShapeDrawable = new ShapeDrawable(); // pre defined class
// get paint
Paint paint = rectShapeDrawable.getPaint();
// set border color, stroke and stroke width
paint.setColor(Color.GRAY);
paint.setStyle(Style.STROKE);
paint.setStrokeWidth(5); // you can change the value of 5
layout.setBackgroundDrawable(rectShapeDrawable);
Ответ 3
Создайте FrameLayout, который получает цвет фона вашей границы, а также маржу или дополнение ширины вашей границы и поместите этот FrameLayout в RelativeLayout. Поместите TextView в свой FrameLayout, а не непосредственно в RelativeLayout. мгновенная граница poof.
Ответ 4
Хотя все предоставленные ответы работают, они очень жесткие. Если вы хотите настроить цвет границы, borderthickness для разных экранов. для этого вы должны попробовать мое решение. Мы собираемся выполнить три шага в создании настраиваемого RelativeLayout, которые позволят вам предоставить borderColor и Thickness для нижней границы.
1) Создайте класс, который расширяет RelativeLayout и переопределяет метод Draw
public class BorderRelativeLayout extends RelativeLayout {
private float borderThickness;
private int borderColor;
public BorderRelativeLayout(Context context) {
this(context, null, 0);
}
public BorderRelativeLayout(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public BorderRelativeLayout(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(context, attrs);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Rect rect = new Rect();
Paint paint = new Paint();
paint.setColor(borderColor);
paint.setStrokeWidth(borderThickness);
getLocalVisibleRect(rect);
canvas.drawLine(rect.left, rect.bottom, rect.right, rect.bottom, paint);
}
private void init(Context context, AttributeSet attrs) {
setWillNotDraw(false);
TypedArray array = context.obtainStyledAttributes(attrs, R.styleable.BorderRelativeLayout);
borderThickness = array.getDimension(R.styleable.BorderRelativeLayout_borderThickness, 0.5f);
borderColor = array.getColor(R.styleable.BorderRelativeLayout_borderColor,
ContextCompat.getColor(context, R.color.colorPrimary));
}
}
2) Определите стилируемые свойства в attrs.xml
<declare-styleable name="BorderRelativeLayout">
<attr name="borderThickness" format="dimension"/>
<attr name="borderColor" format="color"/>
</declare-styleable>
3) вы закончили, и вы можете использовать его как
<com.spacewek.spacewek.controls.BorderRelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/headLayout"
app:borderThickness="2dp"
app:borderColor="@color/divider_new_color">
</com.spacewek.spacewek.controls.BorderRelativeLayout>