programacion - poner borde a un textview android

Android: cómo dibujar un borde a LinearLayout

Question

Tengo tres archivos. El XML, la función de dibujar y la Actividad principal. Tengo algo de LinearLayout en mi archivo XML.

<LinearLayout android:orientation="horizontal"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1">
<LinearLayout android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:background="#ef3"
android:id="@+id/img01"/>
<LinearLayout android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_weight="1"
android:background="#E8A2B4"
android:id="@+id/img02"/>
</LinearLayout>

Esta es la función de dibujar:

public class getBorder extends TextView {
public getBorder(Context context) {
super(context);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Paint paint = new Paint();
paint.setColor(android.graphics.Color.RED);
canvas.drawLine(0, 0, this.getWidth() - 1, 0, paint);
canvas.drawLine(0, 0, 0, this.getHeight() - 1, paint);
canvas.drawLine(this.getWidth() - 1, 0, this.getWidth() - 1,
this.getHeight() - 1, paint);
canvas.drawLine(0, this.getHeight() - 1, this.getWidth() - 1,
this.getHeight() - 1, paint);
}
}

Y esta es la actividad principal:

public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
final getBorder getBorder = new getBorder(this);
final LinearLayout img01 = (LinearLayout) findViewById(R.id.img01);
img01.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
getBorder.setWidth(100);
getBorder.setHeight(100);
img01.addView(getBorder);
}
});
}

El programa podría dibujar un borde pero el tamaño no se ajustaba a LinearLayout . Y cuando hago clic en LinearLayout nuevamente, el programa falla.

Otra cosa, quiero dibujar dos círculos en el centro del LinearLayout , pero ¿cómo podría averiguar las coordenadas del centro?

Answer 1

¿Realmente necesitas hacer eso programáticamente?

Solo considerando el título: Podrías usar ShapeDrawable como android: fondo ...

Por ejemplo, definamos res/drawable/my_custom_background.xml como:

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners
android:radius="2dp"
android:topRightRadius="0dp"
android:bottomRightRadius="0dp"
android:bottomLeftRadius="0dp" />
<stroke
android:width="1dp"
android:color="@android:color/white" />
</shape>

y define android: background = "@ drawable / my_custom_background".

No lo he probado, pero debería funcionar.

Actualizar:

Creo que es mejor aprovechar el poder de recursos dibujables de forma xml si eso se adapta a sus necesidades. Con un proyecto "desde cero" (para android-8), defina res / layout / main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/border"
android:padding="10dip" >
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Hello World, SOnich"
/>
[... more TextView ...]
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Hello World, SOnich"
/>
</LinearLayout>

y un res/drawable/border.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<stroke
android:width="5dip"
android:color="@android:color/white" />
</shape>

Reportado para trabajar en un dispositivo de pan de jengibre. Tenga en cuenta que necesitará relacionar android:padding de LinearLayout en android:width forma de android:width / valor de trazo. Por favor, no use @android:color/white en su aplicación final, sino más bien un color definido por el proyecto.

Puede aplicar android:background="@drawable/border" android:padding="10dip" a cada uno de LinearLayout de la muestra provista.

En cuanto a sus otras publicaciones relacionadas con mostrar algunos círculos como fondo de LinearLayout, estoy jugando con recursos dibujables Inserción / Escala / Capa (para más información, vea Recursos Escamoteables ) para que algo funcione y muestre círculos perfectos en el fondo de un LinearLayout pero fallado En el momento…

Su problema reside claramente en el uso de getBorder.set{Width,Height}(100); . ¿Por qué haces eso en un método onClick?

Necesito más información para no perder el punto: ¿por qué lo haces programáticamente? ¿Necesitas un comportamiento dinámico? ¿Sus herramientas de entrada son png o ShapeDrawable es aceptable? etc.

Para continuar (tal vez mañana y tan pronto como proporciones más precisiones sobre lo que quieres lograr) ...

Answer 2

Extienda LinearLayout / RelativeLayout y úselo directamente en el XML

package com.pkg_name ;
...imports...
public class LinearLayoutOutlined extends LinearLayout {
Paint paint;
public LinearLayoutOutlined(Context context) {
super(context);
// TODO Auto-generated constructor stub
setWillNotDraw(false) ;
paint = new Paint();
}
public LinearLayoutOutlined(Context context, AttributeSet attrs) {
super(context, attrs);
// TODO Auto-generated constructor stub
setWillNotDraw(false) ;
paint = new Paint();
}
@Override
protected void onDraw(Canvas canvas) {
/*
Paint fillPaint = paint;
fillPaint.setARGB(255, 0, 255, 0);
fillPaint.setStyle(Paint.Style.FILL);
canvas.drawPaint(fillPaint) ;
*/
Paint strokePaint = paint;
strokePaint.setARGB(255, 255, 0, 0);
strokePaint.setStyle(Paint.Style.STROKE);
strokePaint.setStrokeWidth(2);
Rect r = canvas.getClipBounds() ;
Rect outline = new Rect( 1,1,r.right-1, r.bottom-1) ;
canvas.drawRect(outline, strokePaint) ;
}
}

<?xml version="1.0" encoding="utf-8"?>
<com.pkg_name.LinearLayoutOutlined
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width=...
android:layout_height=...
>
... your widgets here ...
</com.pkg_name.LinearLayoutOutlined>