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











up vote
0
down vote

favorite












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


























    up vote
    0
    down vote

    favorite












    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
























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      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 2 days ago









      Muratha

      12




      12
























          1 Answer
          1






          active

          oldest

          votes

















          up vote
          0
          down vote













          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',
            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








            up vote
            0
            down vote













            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

























              up vote
              0
              down vote













              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























                up vote
                0
                down vote










                up vote
                0
                down vote









                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 2 days ago









                Muratha

                12




                12






























                     

                    draft saved


                    draft discarded



















































                     


                    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

                    Can a sorcerer learn a 5th-level spell early by creating spell slots using the Font of Magic feature?

                    Does disintegrating a polymorphed enemy still kill it after the 2018 errata?

                    A Topological Invariant for $pi_3(U(n))$