How could I do a special round corner shape for ImageView/FrameLayout?












0















As you can see here I try to make round corners for my FrameLayout.
Here is my rounded_shape.xml shape:



<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="@android:color/transparent"/>
<stroke android:width="@dimen/margin"
android:color="@color/colorBackground"/>
<corners android:radius="24dp" />
</shape>


which looks then so:
rounded_shape.xml Preview



When I do in my code:
frameLayout.setBackground(new BitmapDrawable(getResources(), bitmapPhoto.bitmap)); frameLayout.setForeground(getResources().getDrawable(R.drawable.rounded_shape));
it will look like this:
result on app



You can see the black edges through the rounded corners.



How can I do a shape like this:
where the the edges are rounded and the black parts are gone already










share|improve this question



























    0















    As you can see here I try to make round corners for my FrameLayout.
    Here is my rounded_shape.xml shape:



    <?xml version="1.0" encoding="UTF-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@android:color/transparent"/>
    <stroke android:width="@dimen/margin"
    android:color="@color/colorBackground"/>
    <corners android:radius="24dp" />
    </shape>


    which looks then so:
    rounded_shape.xml Preview



    When I do in my code:
    frameLayout.setBackground(new BitmapDrawable(getResources(), bitmapPhoto.bitmap)); frameLayout.setForeground(getResources().getDrawable(R.drawable.rounded_shape));
    it will look like this:
    result on app



    You can see the black edges through the rounded corners.



    How can I do a shape like this:
    where the the edges are rounded and the black parts are gone already










    share|improve this question

























      0












      0








      0








      As you can see here I try to make round corners for my FrameLayout.
      Here is my rounded_shape.xml shape:



      <?xml version="1.0" encoding="UTF-8"?>
      <shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle">
      <solid android:color="@android:color/transparent"/>
      <stroke android:width="@dimen/margin"
      android:color="@color/colorBackground"/>
      <corners android:radius="24dp" />
      </shape>


      which looks then so:
      rounded_shape.xml Preview



      When I do in my code:
      frameLayout.setBackground(new BitmapDrawable(getResources(), bitmapPhoto.bitmap)); frameLayout.setForeground(getResources().getDrawable(R.drawable.rounded_shape));
      it will look like this:
      result on app



      You can see the black edges through the rounded corners.



      How can I do a shape like this:
      where the the edges are rounded and the black parts are gone already










      share|improve this question














      As you can see here I try to make round corners for my FrameLayout.
      Here is my rounded_shape.xml shape:



      <?xml version="1.0" encoding="UTF-8"?>
      <shape xmlns:android="http://schemas.android.com/apk/res/android"
      android:shape="rectangle">
      <solid android:color="@android:color/transparent"/>
      <stroke android:width="@dimen/margin"
      android:color="@color/colorBackground"/>
      <corners android:radius="24dp" />
      </shape>


      which looks then so:
      rounded_shape.xml Preview



      When I do in my code:
      frameLayout.setBackground(new BitmapDrawable(getResources(), bitmapPhoto.bitmap)); frameLayout.setForeground(getResources().getDrawable(R.drawable.rounded_shape));
      it will look like this:
      result on app



      You can see the black edges through the rounded corners.



      How can I do a shape like this:
      where the the edges are rounded and the black parts are gone already







      imageview android-imageview rounded-corners framelayout android-framelayout






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Nov 19 '18 at 10:58









      TranquilloTranquillo

      456




      456
























          1 Answer
          1






          active

          oldest

          votes


















          0














          I did two shapes parallel.




          • One shape with round corners, doing the inner corner round.

          • One shape with pointed corners, doing the outer corner sharp


          All structed in a layer-list as you can see in the following:



          <?xml version="1.0" encoding="UTF-8"?>
          <layer-list>
          <item>
          <shape xmlns:android="http://schemas.android.com/apk/res/android"
          android:shape="rectangle">
          <solid android:color="@android:color/transparent" />
          <stroke
          android:width="@dimen/margin"
          android:color="@color/color" />
          <corners android:radius="24dp" />
          </shape>
          </item>
          <item>
          <shape xmlns:android="http://schemas.android.com/apk/res/android"
          android:shape="rectangle">
          <solid android:color="@android:color/transparent" />
          <stroke
          android:width="@dimen/margin"
          android:color="@color/color" />
          </shape>
          </item>
          </layer-list>





          share|improve this answer























            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%2f53373160%2fhow-could-i-do-a-special-round-corner-shape-for-imageview-framelayout%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














            I did two shapes parallel.




            • One shape with round corners, doing the inner corner round.

            • One shape with pointed corners, doing the outer corner sharp


            All structed in a layer-list as you can see in the following:



            <?xml version="1.0" encoding="UTF-8"?>
            <layer-list>
            <item>
            <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <solid android:color="@android:color/transparent" />
            <stroke
            android:width="@dimen/margin"
            android:color="@color/color" />
            <corners android:radius="24dp" />
            </shape>
            </item>
            <item>
            <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <solid android:color="@android:color/transparent" />
            <stroke
            android:width="@dimen/margin"
            android:color="@color/color" />
            </shape>
            </item>
            </layer-list>





            share|improve this answer




























              0














              I did two shapes parallel.




              • One shape with round corners, doing the inner corner round.

              • One shape with pointed corners, doing the outer corner sharp


              All structed in a layer-list as you can see in the following:



              <?xml version="1.0" encoding="UTF-8"?>
              <layer-list>
              <item>
              <shape xmlns:android="http://schemas.android.com/apk/res/android"
              android:shape="rectangle">
              <solid android:color="@android:color/transparent" />
              <stroke
              android:width="@dimen/margin"
              android:color="@color/color" />
              <corners android:radius="24dp" />
              </shape>
              </item>
              <item>
              <shape xmlns:android="http://schemas.android.com/apk/res/android"
              android:shape="rectangle">
              <solid android:color="@android:color/transparent" />
              <stroke
              android:width="@dimen/margin"
              android:color="@color/color" />
              </shape>
              </item>
              </layer-list>





              share|improve this answer


























                0












                0








                0







                I did two shapes parallel.




                • One shape with round corners, doing the inner corner round.

                • One shape with pointed corners, doing the outer corner sharp


                All structed in a layer-list as you can see in the following:



                <?xml version="1.0" encoding="UTF-8"?>
                <layer-list>
                <item>
                <shape xmlns:android="http://schemas.android.com/apk/res/android"
                android:shape="rectangle">
                <solid android:color="@android:color/transparent" />
                <stroke
                android:width="@dimen/margin"
                android:color="@color/color" />
                <corners android:radius="24dp" />
                </shape>
                </item>
                <item>
                <shape xmlns:android="http://schemas.android.com/apk/res/android"
                android:shape="rectangle">
                <solid android:color="@android:color/transparent" />
                <stroke
                android:width="@dimen/margin"
                android:color="@color/color" />
                </shape>
                </item>
                </layer-list>





                share|improve this answer













                I did two shapes parallel.




                • One shape with round corners, doing the inner corner round.

                • One shape with pointed corners, doing the outer corner sharp


                All structed in a layer-list as you can see in the following:



                <?xml version="1.0" encoding="UTF-8"?>
                <layer-list>
                <item>
                <shape xmlns:android="http://schemas.android.com/apk/res/android"
                android:shape="rectangle">
                <solid android:color="@android:color/transparent" />
                <stroke
                android:width="@dimen/margin"
                android:color="@color/color" />
                <corners android:radius="24dp" />
                </shape>
                </item>
                <item>
                <shape xmlns:android="http://schemas.android.com/apk/res/android"
                android:shape="rectangle">
                <solid android:color="@android:color/transparent" />
                <stroke
                android:width="@dimen/margin"
                android:color="@color/color" />
                </shape>
                </item>
                </layer-list>






                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered Nov 19 '18 at 14:23









                TranquilloTranquillo

                456




                456






























                    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%2f53373160%2fhow-could-i-do-a-special-round-corner-shape-for-imageview-framelayout%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

                    How to change which sound is reproduced for terminal bell?

                    Can I use Tabulator js library in my java Spring + Thymeleaf project?

                    Title Spacing in Bjornstrup Chapter, Removing Chapter Number From Contents