How to draw line in ConstraintLayout?





.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}







1















I am an Android beginner. As you can see in the picture, some ImageView in the ConstraintLayout.



enter image description here



I want to draw lines like red lines in the picture. At the same time, I don't want to change picture location.



enter image description here



At the start, I want to customise my ConstraintLayout and overwrite onDraw() method. But it still not work.










share|improve this question

























  • Hey Congrats on starting to develop android. But Usually ConstraintLayout isn't really used. Try using RelativeLayout instead or LinearLayout is what I always use.

    – Kristofer
    Nov 17 '18 at 2:57











  • ConstraintLayout is the replacement for RelativeLayout and is the google-recommended view to use

    – Ben P.
    Nov 17 '18 at 2:57


















1















I am an Android beginner. As you can see in the picture, some ImageView in the ConstraintLayout.



enter image description here



I want to draw lines like red lines in the picture. At the same time, I don't want to change picture location.



enter image description here



At the start, I want to customise my ConstraintLayout and overwrite onDraw() method. But it still not work.










share|improve this question

























  • Hey Congrats on starting to develop android. But Usually ConstraintLayout isn't really used. Try using RelativeLayout instead or LinearLayout is what I always use.

    – Kristofer
    Nov 17 '18 at 2:57











  • ConstraintLayout is the replacement for RelativeLayout and is the google-recommended view to use

    – Ben P.
    Nov 17 '18 at 2:57














1












1








1








I am an Android beginner. As you can see in the picture, some ImageView in the ConstraintLayout.



enter image description here



I want to draw lines like red lines in the picture. At the same time, I don't want to change picture location.



enter image description here



At the start, I want to customise my ConstraintLayout and overwrite onDraw() method. But it still not work.










share|improve this question
















I am an Android beginner. As you can see in the picture, some ImageView in the ConstraintLayout.



enter image description here



I want to draw lines like red lines in the picture. At the same time, I don't want to change picture location.



enter image description here



At the start, I want to customise my ConstraintLayout and overwrite onDraw() method. But it still not work.







android canvas line






share|improve this question















share|improve this question













share|improve this question




share|improve this question








edited Nov 17 '18 at 5:19









Sagar Zala

2,41851438




2,41851438










asked Nov 17 '18 at 2:53









Pig ChouPig Chou

113




113













  • Hey Congrats on starting to develop android. But Usually ConstraintLayout isn't really used. Try using RelativeLayout instead or LinearLayout is what I always use.

    – Kristofer
    Nov 17 '18 at 2:57











  • ConstraintLayout is the replacement for RelativeLayout and is the google-recommended view to use

    – Ben P.
    Nov 17 '18 at 2:57



















  • Hey Congrats on starting to develop android. But Usually ConstraintLayout isn't really used. Try using RelativeLayout instead or LinearLayout is what I always use.

    – Kristofer
    Nov 17 '18 at 2:57











  • ConstraintLayout is the replacement for RelativeLayout and is the google-recommended view to use

    – Ben P.
    Nov 17 '18 at 2:57

















Hey Congrats on starting to develop android. But Usually ConstraintLayout isn't really used. Try using RelativeLayout instead or LinearLayout is what I always use.

– Kristofer
Nov 17 '18 at 2:57





Hey Congrats on starting to develop android. But Usually ConstraintLayout isn't really used. Try using RelativeLayout instead or LinearLayout is what I always use.

– Kristofer
Nov 17 '18 at 2:57













ConstraintLayout is the replacement for RelativeLayout and is the google-recommended view to use

– Ben P.
Nov 17 '18 at 2:57





ConstraintLayout is the replacement for RelativeLayout and is the google-recommended view to use

– Ben P.
Nov 17 '18 at 2:57












1 Answer
1






active

oldest

votes


















0














you need to know where the location of those line starting and ending points. let's say (starting point - x1,y1 ending point - x2,y2). In code add this. you need to have a canvas



Canvas canvas = new Canvas();
ConstraintSet set = new ConstraintSet();


then draw line



Paint paintLine= new Paint();
paintLine.setAntiAlias(true);
paintLine.setColor(Color.RED);
paintLine.setStrokeWidth(5);
canvas.drawLine(x1, y1, x2, y2, paintLine);


place it in constraint layout



 yourconstraintlayout.addView(canvas,0);
set.clone(yourconstraintlayout);





share|improve this answer


























  • Thanks for your reply. I have already solved it using another method.Anyway,thank you.

    – Pig Chou
    Nov 17 '18 at 4:21












Your Answer






StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");

StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});

function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});


}
});














draft saved

draft discarded


















StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53347776%2fhow-to-draw-line-in-constraintlayout%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes









0














you need to know where the location of those line starting and ending points. let's say (starting point - x1,y1 ending point - x2,y2). In code add this. you need to have a canvas



Canvas canvas = new Canvas();
ConstraintSet set = new ConstraintSet();


then draw line



Paint paintLine= new Paint();
paintLine.setAntiAlias(true);
paintLine.setColor(Color.RED);
paintLine.setStrokeWidth(5);
canvas.drawLine(x1, y1, x2, y2, paintLine);


place it in constraint layout



 yourconstraintlayout.addView(canvas,0);
set.clone(yourconstraintlayout);





share|improve this answer


























  • Thanks for your reply. I have already solved it using another method.Anyway,thank you.

    – Pig Chou
    Nov 17 '18 at 4:21
















0














you need to know where the location of those line starting and ending points. let's say (starting point - x1,y1 ending point - x2,y2). In code add this. you need to have a canvas



Canvas canvas = new Canvas();
ConstraintSet set = new ConstraintSet();


then draw line



Paint paintLine= new Paint();
paintLine.setAntiAlias(true);
paintLine.setColor(Color.RED);
paintLine.setStrokeWidth(5);
canvas.drawLine(x1, y1, x2, y2, paintLine);


place it in constraint layout



 yourconstraintlayout.addView(canvas,0);
set.clone(yourconstraintlayout);





share|improve this answer


























  • Thanks for your reply. I have already solved it using another method.Anyway,thank you.

    – Pig Chou
    Nov 17 '18 at 4:21














0












0








0







you need to know where the location of those line starting and ending points. let's say (starting point - x1,y1 ending point - x2,y2). In code add this. you need to have a canvas



Canvas canvas = new Canvas();
ConstraintSet set = new ConstraintSet();


then draw line



Paint paintLine= new Paint();
paintLine.setAntiAlias(true);
paintLine.setColor(Color.RED);
paintLine.setStrokeWidth(5);
canvas.drawLine(x1, y1, x2, y2, paintLine);


place it in constraint layout



 yourconstraintlayout.addView(canvas,0);
set.clone(yourconstraintlayout);





share|improve this answer















you need to know where the location of those line starting and ending points. let's say (starting point - x1,y1 ending point - x2,y2). In code add this. you need to have a canvas



Canvas canvas = new Canvas();
ConstraintSet set = new ConstraintSet();


then draw line



Paint paintLine= new Paint();
paintLine.setAntiAlias(true);
paintLine.setColor(Color.RED);
paintLine.setStrokeWidth(5);
canvas.drawLine(x1, y1, x2, y2, paintLine);


place it in constraint layout



 yourconstraintlayout.addView(canvas,0);
set.clone(yourconstraintlayout);






share|improve this answer














share|improve this answer



share|improve this answer








edited Nov 17 '18 at 4:00

























answered Nov 17 '18 at 3:49









LuceferLucefer

1,2811614




1,2811614













  • Thanks for your reply. I have already solved it using another method.Anyway,thank you.

    – Pig Chou
    Nov 17 '18 at 4:21



















  • Thanks for your reply. I have already solved it using another method.Anyway,thank you.

    – Pig Chou
    Nov 17 '18 at 4:21

















Thanks for your reply. I have already solved it using another method.Anyway,thank you.

– Pig Chou
Nov 17 '18 at 4:21





Thanks for your reply. I have already solved it using another method.Anyway,thank you.

– Pig Chou
Nov 17 '18 at 4:21




















draft saved

draft discarded




















































Thanks for contributing an answer to Stack Overflow!


  • Please be sure to answer the question. Provide details and share your research!

But avoid



  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.


To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53347776%2fhow-to-draw-line-in-constraintlayout%23new-answer', 'question_page');
}
);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Xamarin.iOS Cant Deploy on Iphone

Glorious Revolution

Dulmage-Mendelsohn matrix decomposition in Python