How to show minimum 10 lines in an EditTExt by default? - android

i am trying to add 10 lines in an edittext by default when my app loads. I have defined a fixed height for my edittext.
It only shows one line by default no matter what i do, and more lines are added when i press Enter key. Below is my code. Properties minHeight and minLines does not work
<com.example.EditTextt
android:id="#+id/editText1"
android:layout_width="match_parent"
android:layout_height="600dp"
android:minLines="10"
android:background="#android:color/transparent"
android:fadingEdge="vertical"
android:gravity="top"
android:padding="10dp"
android:scrollbars="vertical"
android:textSize="22sp" >
<requestFocus />
</com.example.EditTextt>
See the image below. The lines appear when i press Enter key again and again. I want this much lines to appear by default like a notepad.
Here is my custom class for my EditText :-
EditTextt.Java
package com.example;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.widget.EditText;
public class LineEditText extends EditText {
private Rect mRect;
private Paint mPaint;
public LineEditText(Context context, AttributeSet attrs) {
super(context, attrs);
mRect = new Rect();
mPaint = new Paint();
mPaint.setStyle(Paint.Style.FILL);
mPaint.setColor(getResources().getColor(R.color.Exzeoblue)); //SET YOUR OWN COLOR HERE
}
#Override
protected void onDraw(Canvas canvas) {
// Gets the number of lines of text in the View.
int count = getLineCount();
// Gets the global Rectangle and Paint objects
Rect r = mRect;
Paint paint = mPaint;
// Draws one line in the rectangle for every line of text in the EditText
for (int i = 0; i < count; i++) {
// Gets the baseline coordinates for the current line of text
int baseline = getLineBounds(i, r);
/*
* Draws a line in the background from the left of the rectangle to the
* right, at a vertical position one dip below the baseline, using the
* "paint" object for details.
*/
canvas.drawLine(r.left, baseline + 1, r.right, baseline + 1, paint);
baseline += getLineHeight();//next line
}
// Finishes up by calling the parent method
super.onDraw(canvas);
}
}
Now this code draws only one line at a time. I am unable to draw 10 lines by default

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.widget.EditText;
public class LineEditText extends EditText {
private Rect mRect;
private Paint mPaint;
int initialCount = 0;
public LineEditText(Context context, AttributeSet attrs) {
super(context, attrs);
mRect = new Rect();
mPaint = new Paint();
mPaint.setStyle(Paint.Style.FILL);
mPaint.setColor(Color.BLUE);
initialCount = getMinLines();
setLines(initialCount);
}
#Override
protected void onDraw(Canvas canvas) {
// Gets the number of lines of text in the View.
int count = getBaseline();
// Gets the global Rectangle and Paint objects
Rect r = mRect;
Paint paint = mPaint;
// Gets the baseline coordinates for the current line of text
int baseline = getLineBounds(0, r);
// Draws one line in the rectangle for every line of text in the EditText
for (int i = 0; i < count; i++) {
/*
* Draws a line in the background from the left of the rectangle to the
* right, at a vertical position one dip below the baseline, using the
* "paint" object for details.
*/
canvas.drawLine(r.left, baseline + 1, r.right, baseline + 1, paint);
baseline += getLineHeight();//next line
}
// Finishes up by calling the parent method
super.onDraw(canvas);
}
}

I used this code
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:orientation="vertical"
android:padding="10dp"
android:layout_height="match_parent"
>
<EditText
android:id="#+id/edit_message"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="1\n2\n3\n4\n5\n\6\n\7\n8\n9\n10"
android:minLines="10" >
</EditText>
</LinearLayout>

See the image below, The cursor is at the red arrow
package com.example.customedittext;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.widget.EditText;
public class LineEditText extends EditText {
private Rect mRect;
private Paint mPaint;
int initialCount = 0;
public LineEditText(Context context, AttributeSet attrs) {
super(context, attrs);
mRect = new Rect();
mPaint = new Paint();
mPaint.setStyle(Paint.Style.FILL);
mPaint.setColor(Color.BLUE);
initialCount = getMinLines();
setLines(initialCount);
}
#Override
protected void onDraw(Canvas canvas) {
// Gets the number of lines of text in the View.
int count = getBaseline();
// Gets the global Rectangle and Paint objects
Rect r = mRect;
Paint paint = mPaint;
// Gets the baseline coordinates for the current line of text
int baseline = getLineBounds(0, r);
// Draws one line in the rectangle for every line of text in the EditText
for (int i = 0; i < count; i++) {
/*
* Draws a line in the background from the left of the rectangle to the
* right, at a vertical position one dip below the baseline, using the
* "paint" object for details.
*/
canvas.drawLine(r.left, baseline + 1, r.right, baseline + 1, paint);
baseline += getLineHeight();//next line
}
// Finishes up by calling the parent method
super.onDraw(canvas);
}
}
<ScrollView
android:layout_width="fill_parent"
android:layout_height="500dp"
android:background="#android:color/holo_blue_light">
<com.example.customedittext.LineEditText
android:id="#+id/editText1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:scrollbars="vertical"
android:background="#android:color/transparent"
android:ems="10"
android:gravity="top"
android:minLines="7" >
<requestFocus />
</com.example.customedittext.LineEditText>
</ScrollView>

Related

How to get HorizontalScrollView to scroll with one custom View child

I'm not quite sure how to ask this but I need a scrollview that will scroll with an amplitude visualizer as it records audio. EDIT: To be clear, the ScrollView is not scrolling even with touches and gestures.
Here's a screenshot of the app with the custom view. The red bars show the average amplitude of a second.
The bars fill from left to right, but when it reaches the edge it does not scroll.
Here's the XML for the HorizontalScrollView and the AudioVisualizer view:
<HorizontalScrollView
android:id="#+id/hsv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true">
<com.blueteam.audiotes.AudioVisualizer
android:id="#+id/visualizer"
android:layout_width="match_parent"
android:layout_height="200dp" />
</HorizontalScrollView>
Here's the code for the AudioVisualizer element:
package com.blueteam.audiotes;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.View;
import java.util.ArrayList;
/**
* Created by tanner on 3/21/17.
*/
public class AudioVisualizer extends View {
private final int BAR_WIDTH = 10;
private final int BAR_STARTING_POINT = 0;
private final int BAR_SPACE = 2;
private final int BAR_BOTTOM = 200;
private final int BAR_MINIMUM_HEIGHT = 20;
private ArrayList<Rect> bars;
private Paint paint;
private ArrayList<Tag> tags;
public AudioVisualizer(Context context, AttributeSet attrs) {
super(context, attrs);
bars = new ArrayList<Rect>();
paint = new Paint();
paint.setColor(Color.RED);
paint.setStyle(Paint.Style.FILL_AND_STROKE);
}
#Override
protected void onDraw(Canvas canvas) {
for(Rect r : bars)
canvas.drawRect(r.left, r.top, r.right, r.bottom, paint);
}
public void addBar(int height) {
if (height < BAR_MINIMUM_HEIGHT)
height = BAR_MINIMUM_HEIGHT;
else if (height > BAR_BOTTOM)
height = BAR_BOTTOM;
bars.add(new Rect(BAR_STARTING_POINT + bars.size() * (BAR_SPACE + BAR_WIDTH),
BAR_BOTTOM - height,
(BAR_STARTING_POINT + bars.size() * (BAR_SPACE + BAR_WIDTH)) + BAR_WIDTH,
BAR_BOTTOM));
}
}
I tried setting the AudioVisualizer width to something like 2000 just to see if it would scroll when the child was clearly larger than the ScrollView, but it still didn't work.
I'm guessing I'm missing something simple.
Change your xml like this:
<HorizontalScrollView
android:id="#+id/hsv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fillViewport="true">
<com.blueteam.audiotes.AudioVisualizer
android:id="#+id/visualizer"
android:layout_width="wrap_content"
android:layout_height="200dp" />
</HorizontalScrollView>
And whenever you addBar do this:
audioVisualizer.addBar(10);
parentHsv.fullScroll(HorizontalScrollView.FOCUS_RIGHT);
I solved it. I didn't override onMeasure. Here's my code:
#Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int width = (BAR_WIDTH + BAR_SPACE) * bars.size();
setMeasuredDimension(width, MeasureSpec.getSize(heightMeasureSpec));
}
I also needed to call v.requestLayout() before v.invalidate() to update the size.

Android: How to create custom view

I have to create a custom view to show a little graph on Android. There are a lot of tutorials but they didn't help me. They are full of resource handling, performance optimizations etc.
But I fail at the simplest thing: The view is not visible. Neither in Android Studio, nor in the running app.
Here my approach:
/home/thomas/dev/AndroidStudioProjects/Test/app/src/main/java/clear/test/MainActivity.java:
package clear.test;
import android.app.Activity;
import android.os.Bundle;
public class MainActivity extends Activity {
#Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}
/home/thomas/dev/AndroidStudioProjects/Test/app/src/main/java/clear/test/MyView.java:
package clear.test;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;
public class MyView extends View {
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
}
#Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
Paint paint = new Paint();
paint.setColor(0xFF0000);
canvas.drawLine(0, 0, getMeasuredWidth(), getMeasuredHeight(), paint);
canvas.drawLine(getMeasuredWidth(), 0, 0, getMeasuredHeight(), paint);
}
#Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
setMeasuredDimension(500, 500);
}
}
/home/thomas/dev/AndroidStudioProjects/Test/app/src/main/res/layout/activity_main.xml:
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">
<clear.test.MyView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="#+id/view"
android:layout_alignParentTop="true"
android:layout_alignParentStart="true" />
</RelativeLayout>
Your problem is that you use wrap_content for your view but do not implement the measure functions
1) Your view is "visible" but its height and width is 0 because of wrap_content in activity_main.xml. Try to set some absolute values or match_parent.
2) Do NOT create new instances of Paint in every call of onDraw. It`s useless.
3) If you want to define custom view both by java and xml (or I don't understand existence of file sample_my_view.xml), look for View's method inflate().
I found my problem:
Color is 32 bit. Red must be 0xFFFF0000, not 0xFF0000.

How to draw vertical line between two buttons in android

I have a simple linear layout. I am adding button dynaically through code one below other with some space in between. I need to draw a vertical line between those two buttons (Vertical arrow headed line in specific).
Could you please let me know how to draw a vertical line from buttom of button1 to top of button2.
I used DrawLine() to draw a line but its getting drawn below button2 with some offset.
Here is my code:
import android.app.ActionBar.LayoutParams;
import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.widget.Button;
import android.widget.LinearLayout;
public class SampleMethodActivity extends Activity {
Button b,b1;
public int width,height,bottom;
LinearLayout ll;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.sample_method);
ll = (LinearLayout) findViewById(R.id.my_linear_layout);
LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
params.setMargins(0, 12, 0, 40);
b = new Button(this);
b.setText("This is a sample text");
b.setLayoutParams(params);
b.setGravity(Gravity.CENTER);
ll.addView(b);
b1 = new Button(this);
b1.setText("This is a sample text to chck the width and height of a button1 and need to check how long it gets stretched and to check the width");
b1.setLayoutParams(params);
b1.setGravity(Gravity.CENTER);
ll.addView(b1);
}
#Override
public void onWindowFocusChanged(boolean hasFocus) {
super.onWindowFocusChanged(hasFocus);
width = b.getWidth();
height = b.getHeight();
bottom = b.getBottom();
DrawView dv = new DrawView(this,width/2,bottom);
ll.addView(dv);
}
}
Below is DrawView class:
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.view.View;
public class DrawView extends View {
Paint paint = new Paint();
int x,y;
public DrawView(Context context,int x,int y) {
super(context);
this.x=x;
this.y=y;
}
#Override
public void onDraw(Canvas canvas) {
super.onDraw(canvas);
paint.setColor(Color.WHITE);
paint.setStrokeWidth(3);
System.out.println("X: "+x);
canvas.drawLine(x, y, x, y+400, paint);
}
}
Drawing a Line with View
If you only need a straight horizontal or vertical line, then the easiest way may be to just use a View in your xml layout file. You would do something like this:
<View
android:layout_width="1dp"
android:layout_height="match_parent"
android:background="#android:color/black" />
Set first button gravity to left and other to right and in between them add a view in between them and set it's gravity to center.
Second Way
Add button (weight 45) view(10) button2(weight45) and you are done.
and you can also create an xml and inflate it to LinearLayout.
For vertical line width to 1dp and for horizontal line height to 1dp
Add this to colors.xml
<color name="streat_line">#D0D5D8</color>
apply this where you want to create a line
<TextView
android:id="#+id/TextView"
android:layout_width="1dp"
android:layout_height="wrap_content"
android:background="#color/streat_line" >

Cannot center text in canvas

I'm trying to center text in a canvas in a TextView subclass. It looks fine in Eclipse, but not in the device:
Eclipse:
Device:
There's a reason I want to center the text in this way. Which I'm not explaining here (and is also not in the code), since it doesn't belong to the problem.
I'm already using dips and sps.
The code:
package com.example.test2;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.widget.TextView;
public class CenterTest extends TextView {
private Paint paint;
private Paint paint2;
private Rect bounds;
public CenterTest(Context context) {
super(context);
}
public CenterTest(Context context, AttributeSet attrs) {
super(context, attrs);
paint = new Paint();
paint2 = new Paint();
bounds = new Rect();
}
public void draw(Canvas canvas) {
canvas.save();
int width = getWidth();
int height = getHeight();
//draw background
paint2.setColor(Color.rgb(0, 0, 0));
paint.setStyle(Paint.Style.FILL);
canvas.drawRect(0, 0, width, height, paint2);
//measure text
paint.setTextSize(getTextSize());
paint.getTextBounds(getText().toString(), 0, getText().toString().length(), bounds);
int textWidth = bounds.width();
int textHeight = bounds.height();
//center before drawing text
canvas.translate((width / 2) - (textWidth / 2), 0);
canvas.translate(0, (height / 2) - (textHeight / 2));
//let TextView.onDraw() do the rest
super.onDraw(canvas);
canvas.restore();
}
}
XML:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#ffffff"
>
<com.example.test2.CenterTest
android:layout_width="100dip"
android:layout_height="30dip"
android:text="label"
android:textColor="#ffffff"
android:singleLine="true"
android:textSize="12sp"
/>
</RelativeLayout>
Maybe the reason is somewhere in TextView.onDraw() but that's more than 200 lines of code and I don't have time now... and not even sure if it's there.
Thanks in advance!
try to use android:gravity="center"
<com.example.test2.CenterTest
android:layout_width="100dip"
android:layout_height="30dip"
android:text="label"
android:textColor="#ffffff"
android:singleLine="true"
android:textSize="12sp"
android:gravity="center"
/>

Shape Drawable View in XML

I'm using the shapedrawable example word for word (nearly) and can't seem to call a shapedrawable class in xml. The only extra step stated by the documentation was to override the View(Context, AttributeSet), which I think I did. The docs I'm referring to are here: http://developer.android.com/guide/topics/graphics/2d-graphics.html Here is my code.
AndroidTest.java
package com.android.test;
import android.app.Activity;
import android.os.Bundle;
public class AndroidTest extends Activity {
/** Called when the activity is first created. */
#Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
}
}
ShapeSquare.java
package com.android.test;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.drawable.ShapeDrawable;
import android.graphics.drawable.shapes.OvalShape;
import android.util.AttributeSet;
import android.view.View;
public class ShapeSquare extends View {
private ShapeDrawable mDrawable;
public ShapeSquare(Context context, AttributeSet attrs) {
super(context, attrs);
int x = 10;
int y = 10;
int width = 300;
int height = 50;
mDrawable = new ShapeDrawable(new OvalShape());
mDrawable.getPaint().setColor(0xff74AC23);
mDrawable.setBounds(x, y, x + width, y + height);
}
protected void onDraw(Canvas canvas) {
mDrawable.draw(canvas);
}
}
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="fill_parent"
android:layout_height="fill_parent"
>
<com.android.test.shapedrawable.ShapeSquare
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
</LinearLayout>
The error is a force quit error and I can't figure out where the problem lies. The shape properties will be dictated by user input (eventually), so the shape needs to be created in a class as opposed to all xml.
Figured out the problem here. I had to remove "shapedrawable" from:
<com.android.test.shapedrawable.ShapeSquare
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
Apparently, that was just the location of the demo. I thought it was referencing the class somehow.

Categories

Resources