Unable to draw line over gridview elements properly through textview cells in Android -

i implement word search app. part of implementation have come across canvas , drawing line on grid view cells( letters form word) indicate user touching finger on letters form word.

i have succeeded partially of can draw line on letters of grid view line not through center of views of grid view.

please can assist me valuable suggestions .

have glance on below screen shot clear idea.

---

edited: i'm posting code idea of how i'm implementing it.

xml:

<relativelayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/root" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="#fff" >  <relativelayout     android:id="@+id/topbar"     android:layout_width="match_parent"     android:layout_height="wrap_content"     android:layout_alignparenttop="true"     android:background="#a9e2f3" >      <linearlayout         android:id="@+id/topbar"         android:layout_width="fill_parent"         android:layout_height="wrap_content"         android:background="#336699"         android:orientation="horizontal" >          <button             android:id="@+id/btn_pause"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:text="pause" />          <chronometer             android:id="@+id/chronometer1"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:text="chronometer" />          <textview             android:id="@+id/counter"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:gravity="center_horizontal"             android:textsize="20sp"             android:typeface="serif" />     </linearlayout> </relativelayout>    <framelayout     android:id="@+id/gridframe"     android:layout_width="fill_parent"     android:layout_height="wrap_content"     android:layout_above="@+id/wtable"     android:layout_below="@+id/textdisplay" >      <gridview         android:id="@+id/grid"         android:layout_width="fill_parent"         android:layout_height="wrap_content"         android:background="#e7e8e9"         android:fitssystemwindows="true"         android:gravity="center"         android:horizontalspacing="10sp"         android:numcolumns="10"         android:padding="1dp"         android:stretchmode="columnwidth"         android:verticalspacing="10sp" >     </gridview> </framelayout>  <gridview     android:id="@+id/wtable"     android:layout_width="fill_parent"     android:layout_height="wrap_content"     android:layout_alignparentbottom="true"     android:background="#fff"     android:numcolumns="3"     android:orientation="vertical" />     </relativelayout> 

the paint drawing on frame layout contains grid view. grid view elements printed through custom text view file.

to draw line have used lineview.java

import android.content.context; import android.graphics.canvas; import android.graphics.color; import android.graphics.paint; import android.util.log; import android.view.view;  public class lineview extends view {  public static final float line_width = 30.0f; public paint paint = new paint(); protected context context;  public float startingx, startingy, endingx, endingy;  public lineview(context context) {     super(context);     this.context = context;     paint.setcolor(color.parsecolor("#2e9afe"));     paint.setstrokewidth(line_width);     paint.setstrokejoin(paint.join.round);     paint.setstrokecap(paint.cap.round);     paint.setdither(true);     paint.setantialias(true);     paint.setstyle(paint.style.fill);     paint.setalpha(90);  }  public void setpoints(float startx, float starty, float endx, float endy) {      startingx = startx;     startingy = starty;     endingx = endx;     endingy = endy;     invalidate(); }  @override public void ondraw(canvas canvas) {     log.e("lineview", "startingx" + startingx + "  startingy:" + startingy);     log.e("lineview", "endingx" + endingx + "  endingy:" + endingy);     // canvas.drawline(startingx, startingy, endingx, endingy, paint);     canvas.drawline(startingx, startingy, endingx, endingy, paint);  } }   main activity logic implemented:  written required logic here.   newgrid = (gridview) findviewbyid(r.id.grid);      newgrid.setadapter(new formthegridletters());      newgrid.setontouchlistener(new ontouchlistener() {          @override         public boolean ontouch(view v, motionevent event) {             // if (mp.isplaying()) {             // mp.stop();             // }              int action = event.getactionmasked();             switch (action) {                 case motionevent.action_down:                 case motionevent.action_move:                 case motionevent.action_up:                     // data                     paintviewholder newpaint = new paintviewholder();                     newpaint.drawline = new lineview(wordsearchactivity.this);                     gridframe.addview(newpaint.drawline);                     buildword = new stringbuilder();                     int x = (int) event.getx();                     int y = (int) event.gety();                     // test = new lineview(wordsearchactivity.this);                     int position = newgrid.pointtoposition(x, y);                     point one,                     two;                      if (position != gridview.invalid_position) {                          v.getparent().requestdisallowintercepttouchevent(true);                         cellview = (textview) newgrid.getchildat(position);                          string = cellview.gettext().tostring();                         // log.v(">>>>><<<<<<<????????", a.tostring());                         switch (action) {                             case motionevent.action_down:                                 startx = event.getx();                                 starty = event.gety();                                   break;                             case motionevent.action_move:                                   break;                             case motionevent.action_up:                               // checking list formed word ;                                                        //if found painted                                 (int i1 = 0; i1 < ans.size(); i1++)                                 {                                     if (formedword.equals(ans.get(i1)))                                     {                        answeradapter.notifydatasetchanged();                      newpaint.drawline.setpoints(startx, starty, x, y);                // painted letters passing starting , ending points                                        }                                  }                                   break;                         }                     } else {                         if (mselecting) {                             mselecting = false;                         }                     }                     break;                 case motionevent.action_cancel:                     mselecting = false;                     break;             }             return true;         }     }); 

i don't know if fix issue answer anyway people may have these kind of problems. after recieve valid position, can center of view , can set these values beginning of draw.

like this:

    if (position != gridview.invalid_position) {          mylist.add(position);         v.getparent().requestdisallowintercepttouchevent(true);         textview cellview = (textview) gridview.getchildat(position);          centrex = cellview.getx() + cellview.getwidth()  / 2;          centrey = cellview.gety() + cellview.getheight() / 2;       switch (event.getaction()) {         case motionevent.action_down:              newpaint.drawline.touch_start(x, y,centrex,centrey); 

i have tried code , working. don't think need anymore have joined site maybe other people. can post more code if want

newpaint.drawline.touch_start(x, y,centrex,centrey); 

is trick issue. hope helps.