How to pixel constrain Button Appearance given as images?











up vote
4
down vote

favorite
1












Using the images:



images = Uncompress["1:eJztWs2O0zAQrviREOLAiTtIuebMgQvmgFbi5MItlwKhWmnpojoL2nfIJc/QB8iL9J2Mm8bx2GOnbtKoUeKVvirx7/d5ZtzOaN9+v6e/niwWC/ZMfHy5ZZnxdnhgz8XHze/VOj12vhAfdPXv43a7ely+Fi/fNux2vUl/3myydJ1u339/KhrfCHwQOKwg/vjcsN/vZ4Ggd9oIeqcNl96CyruM8mJQDgWn1T4xZ+V19JYsBnf3ZfXKtWkxHr3StorT5TDk2l30Kj+uETNelozH9TOj0uYlZ7E+Vtcg7VaDMjS+WrsZB/3ImAv7AJeyoM2YmJVODZDXWXq1/U1O0Cctfd56beuC/kZvbOEk+sEZ+Oi1+lyj1x1jcE4T/5WeU/6s68VzlR9VcxAXPf7V3WO/d87SC/kjm6s5bTHqqxf6p9aGuMjzcPmWbqOuevUxug2aM6ZFZ71qrsO+Tr14L8ijq179O8uIFZvt6z21+6FX/Nr12nhBX+nsz5CX0OKOeeOMYXvf+9lHr+Fj4ffktBH0Thtz1TsnLA9FSvKYpar6SR/uUvZSPHy6v7vfLv+sfqTLQ1mTfibGoFfi4VD53N6lq7+3m3XV83X7kPYsnr5bjK94OhbnDDwCj8DjCFxgug6PtqQS8fAoeuCCi5HA1O8qAaecWgsUPjwcxQhHMnTkCRN5mFTgQpI3j1NFAjOpkesaRRNb8ehsu1Rtp5O7hXU8PMMBeVgSes0nBj6PtiKLZsMCF6RwIt6Dx97OhRbAHihe6rVQgnyd+6MNgUfg4cNjDBgomQj/l3EZ7Ha7WSDonTaC3mnDpTcj8i4jPBuUQ8ZJtU/Ek/w6evMkAnf3ZfXKtUk2Hr3StorT5TDk2l30Kj+uESU8zxMe1c8JkTbPeRLpY3UN0m41SILGV2s346AfGXNhH+CSZ6QZEyW5UwPkdZZebX+TE/RJS5+3Xtu6oL/RG1k4iX5wBj56rT7X6HXHGJzTxH+l55Q/63rxXOVH1RzERY9/dffY752z9EL+yOZqTluM+uqF/qm1IS7yPFy+pduoq159jG6D5oxJ1lmvmuuwr1Mv3gvy6KpX/84yYsVm+3pP7X7oFb92vTZe0Fc6+zPkJbS4Y944Y9je93720Wv4WPg9OW0EvdPGXPXOCeH/MjwxFucMPAKPwOMIXGC6Do+2pBLx8Ch64IKLkcDU7yoBJ5xYCxQ+PBzFCEcydOQJE3mYVOBCkjePU0UCM6mR6xpFE1vx6Gy7VG2nk7uFdTw8wwF5WBJ6zScGPo+2IotmwwwXpHAi3oPHzs6FZMAeKF7qtVCCfJ37ow2BR+Dhw2MMGCaZ+A/deCl0"]


the following buttons appears without scaling in a list:



buttons = MapThread[Button["", Appearance -> {"Default" -> #, "Pressed" -> #2}] &, images]


However when putting them in a Multicolumn, they scale badly to match sizes.



Multicolumn[buttons, 1]




I want them to align center left with the same size as they appear in the List.

Neither Magnification -> 1 in the images nor Grid with Alignment -> Left fixed it.

How to make a grid of such buttons without scaling images?



All images have the same vertical size if that matters.






image button







share|improve this question


























    up vote
    4
    down vote

    favorite
    1












    Using the images:



    images = Uncompress["1:eJztWs2O0zAQrviREOLAiTtIuebMgQvmgFbi5MItlwKhWmnpojoL2nfIJc/QB8iL9J2Mm8bx2GOnbtKoUeKVvirx7/d5ZtzOaN9+v6e/niwWC/ZMfHy5ZZnxdnhgz8XHze/VOj12vhAfdPXv43a7ely+Fi/fNux2vUl/3myydJ1u339/KhrfCHwQOKwg/vjcsN/vZ4Ggd9oIeqcNl96CyruM8mJQDgWn1T4xZ+V19JYsBnf3ZfXKtWkxHr3StorT5TDk2l30Kj+uETNelozH9TOj0uYlZ7E+Vtcg7VaDMjS+WrsZB/3ImAv7AJeyoM2YmJVODZDXWXq1/U1O0Cctfd56beuC/kZvbOEk+sEZ+Oi1+lyj1x1jcE4T/5WeU/6s68VzlR9VcxAXPf7V3WO/d87SC/kjm6s5bTHqqxf6p9aGuMjzcPmWbqOuevUxug2aM6ZFZ71qrsO+Tr14L8ijq179O8uIFZvt6z21+6FX/Nr12nhBX+nsz5CX0OKOeeOMYXvf+9lHr+Fj4ffktBH0Thtz1TsnLA9FSvKYpar6SR/uUvZSPHy6v7vfLv+sfqTLQ1mTfibGoFfi4VD53N6lq7+3m3XV83X7kPYsnr5bjK94OhbnDDwCj8DjCFxgug6PtqQS8fAoeuCCi5HA1O8qAaecWgsUPjwcxQhHMnTkCRN5mFTgQpI3j1NFAjOpkesaRRNb8ehsu1Rtp5O7hXU8PMMBeVgSes0nBj6PtiKLZsMCF6RwIt6Dx97OhRbAHihe6rVQgnyd+6MNgUfg4cNjDBgomQj/l3EZ7Ha7WSDonTaC3mnDpTcj8i4jPBuUQ8ZJtU/Ek/w6evMkAnf3ZfXKtUk2Hr3StorT5TDk2l30Kj+uESU8zxMe1c8JkTbPeRLpY3UN0m41SILGV2s346AfGXNhH+CSZ6QZEyW5UwPkdZZebX+TE/RJS5+3Xtu6oL/RG1k4iX5wBj56rT7X6HXHGJzTxH+l55Q/63rxXOVH1RzERY9/dffY752z9EL+yOZqTluM+uqF/qm1IS7yPFy+pduoq159jG6D5oxJ1lmvmuuwr1Mv3gvy6KpX/84yYsVm+3pP7X7oFb92vTZe0Fc6+zPkJbS4Y944Y9je93720Wv4WPg9OW0EvdPGXPXOCeH/MjwxFucMPAKPwOMIXGC6Do+2pBLx8Ch64IKLkcDU7yoBJ5xYCxQ+PBzFCEcydOQJE3mYVOBCkjePU0UCM6mR6xpFE1vx6Gy7VG2nk7uFdTw8wwF5WBJ6zScGPo+2IotmwwwXpHAi3oPHzs6FZMAeKF7qtVCCfJ37ow2BR+Dhw2MMGCaZ+A/deCl0"]


    the following buttons appears without scaling in a list:



    buttons = MapThread[Button["", Appearance -> {"Default" -> #, "Pressed" -> #2}] &, images]


    However when putting them in a Multicolumn, they scale badly to match sizes.



    Multicolumn[buttons, 1]




    I want them to align center left with the same size as they appear in the List.

    Neither Magnification -> 1 in the images nor Grid with Alignment -> Left fixed it.

    How to make a grid of such buttons without scaling images?



    All images have the same vertical size if that matters.






    image button







    share|improve this question
























      up vote
      4
      down vote

      favorite
      1









      up vote
      4
      down vote

      favorite
      1






      1





      Using the images:



      images = Uncompress["1:eJztWs2O0zAQrviREOLAiTtIuebMgQvmgFbi5MItlwKhWmnpojoL2nfIJc/QB8iL9J2Mm8bx2GOnbtKoUeKVvirx7/d5ZtzOaN9+v6e/niwWC/ZMfHy5ZZnxdnhgz8XHze/VOj12vhAfdPXv43a7ely+Fi/fNux2vUl/3myydJ1u339/KhrfCHwQOKwg/vjcsN/vZ4Ggd9oIeqcNl96CyruM8mJQDgWn1T4xZ+V19JYsBnf3ZfXKtWkxHr3StorT5TDk2l30Kj+uETNelozH9TOj0uYlZ7E+Vtcg7VaDMjS+WrsZB/3ImAv7AJeyoM2YmJVODZDXWXq1/U1O0Cctfd56beuC/kZvbOEk+sEZ+Oi1+lyj1x1jcE4T/5WeU/6s68VzlR9VcxAXPf7V3WO/d87SC/kjm6s5bTHqqxf6p9aGuMjzcPmWbqOuevUxug2aM6ZFZ71qrsO+Tr14L8ijq179O8uIFZvt6z21+6FX/Nr12nhBX+nsz5CX0OKOeeOMYXvf+9lHr+Fj4ffktBH0Thtz1TsnLA9FSvKYpar6SR/uUvZSPHy6v7vfLv+sfqTLQ1mTfibGoFfi4VD53N6lq7+3m3XV83X7kPYsnr5bjK94OhbnDDwCj8DjCFxgug6PtqQS8fAoeuCCi5HA1O8qAaecWgsUPjwcxQhHMnTkCRN5mFTgQpI3j1NFAjOpkesaRRNb8ehsu1Rtp5O7hXU8PMMBeVgSes0nBj6PtiKLZsMCF6RwIt6Dx97OhRbAHihe6rVQgnyd+6MNgUfg4cNjDBgomQj/l3EZ7Ha7WSDonTaC3mnDpTcj8i4jPBuUQ8ZJtU/Ek/w6evMkAnf3ZfXKtUk2Hr3StorT5TDk2l30Kj+uESU8zxMe1c8JkTbPeRLpY3UN0m41SILGV2s346AfGXNhH+CSZ6QZEyW5UwPkdZZebX+TE/RJS5+3Xtu6oL/RG1k4iX5wBj56rT7X6HXHGJzTxH+l55Q/63rxXOVH1RzERY9/dffY752z9EL+yOZqTluM+uqF/qm1IS7yPFy+pduoq159jG6D5oxJ1lmvmuuwr1Mv3gvy6KpX/84yYsVm+3pP7X7oFb92vTZe0Fc6+zPkJbS4Y944Y9je93720Wv4WPg9OW0EvdPGXPXOCeH/MjwxFucMPAKPwOMIXGC6Do+2pBLx8Ch64IKLkcDU7yoBJ5xYCxQ+PBzFCEcydOQJE3mYVOBCkjePU0UCM6mR6xpFE1vx6Gy7VG2nk7uFdTw8wwF5WBJ6zScGPo+2IotmwwwXpHAi3oPHzs6FZMAeKF7qtVCCfJ37ow2BR+Dhw2MMGCaZ+A/deCl0"]


      the following buttons appears without scaling in a list:



      buttons = MapThread[Button["", Appearance -> {"Default" -> #, "Pressed" -> #2}] &, images]


      However when putting them in a Multicolumn, they scale badly to match sizes.



      Multicolumn[buttons, 1]




      I want them to align center left with the same size as they appear in the List.

      Neither Magnification -> 1 in the images nor Grid with Alignment -> Left fixed it.

      How to make a grid of such buttons without scaling images?



      All images have the same vertical size if that matters.






      image button







      share|improve this question













      Using the images:



      images = Uncompress["1:eJztWs2O0zAQrviREOLAiTtIuebMgQvmgFbi5MItlwKhWmnpojoL2nfIJc/QB8iL9J2Mm8bx2GOnbtKoUeKVvirx7/d5ZtzOaN9+v6e/niwWC/ZMfHy5ZZnxdnhgz8XHze/VOj12vhAfdPXv43a7ely+Fi/fNux2vUl/3myydJ1u339/KhrfCHwQOKwg/vjcsN/vZ4Ggd9oIeqcNl96CyruM8mJQDgWn1T4xZ+V19JYsBnf3ZfXKtWkxHr3StorT5TDk2l30Kj+uETNelozH9TOj0uYlZ7E+Vtcg7VaDMjS+WrsZB/3ImAv7AJeyoM2YmJVODZDXWXq1/U1O0Cctfd56beuC/kZvbOEk+sEZ+Oi1+lyj1x1jcE4T/5WeU/6s68VzlR9VcxAXPf7V3WO/d87SC/kjm6s5bTHqqxf6p9aGuMjzcPmWbqOuevUxug2aM6ZFZ71qrsO+Tr14L8ijq179O8uIFZvt6z21+6FX/Nr12nhBX+nsz5CX0OKOeeOMYXvf+9lHr+Fj4ffktBH0Thtz1TsnLA9FSvKYpar6SR/uUvZSPHy6v7vfLv+sfqTLQ1mTfibGoFfi4VD53N6lq7+3m3XV83X7kPYsnr5bjK94OhbnDDwCj8DjCFxgug6PtqQS8fAoeuCCi5HA1O8qAaecWgsUPjwcxQhHMnTkCRN5mFTgQpI3j1NFAjOpkesaRRNb8ehsu1Rtp5O7hXU8PMMBeVgSes0nBj6PtiKLZsMCF6RwIt6Dx97OhRbAHihe6rVQgnyd+6MNgUfg4cNjDBgomQj/l3EZ7Ha7WSDonTaC3mnDpTcj8i4jPBuUQ8ZJtU/Ek/w6evMkAnf3ZfXKtUk2Hr3StorT5TDk2l30Kj+uESU8zxMe1c8JkTbPeRLpY3UN0m41SILGV2s346AfGXNhH+CSZ6QZEyW5UwPkdZZebX+TE/RJS5+3Xtu6oL/RG1k4iX5wBj56rT7X6HXHGJzTxH+l55Q/63rxXOVH1RzERY9/dffY752z9EL+yOZqTluM+uqF/qm1IS7yPFy+pduoq159jG6D5oxJ1lmvmuuwr1Mv3gvy6KpX/84yYsVm+3pP7X7oFb92vTZe0Fc6+zPkJbS4Y944Y9je93720Wv4WPg9OW0EvdPGXPXOCeH/MjwxFucMPAKPwOMIXGC6Do+2pBLx8Ch64IKLkcDU7yoBJ5xYCxQ+PBzFCEcydOQJE3mYVOBCkjePU0UCM6mR6xpFE1vx6Gy7VG2nk7uFdTw8wwF5WBJ6zScGPo+2IotmwwwXpHAi3oPHzs6FZMAeKF7qtVCCfJ37ow2BR+Dhw2MMGCaZ+A/deCl0"]


      the following buttons appears without scaling in a list:



      buttons = MapThread[Button["", Appearance -> {"Default" -> #, "Pressed" -> #2}] &, images]


      However when putting them in a Multicolumn, they scale badly to match sizes.



      Multicolumn[buttons, 1]




      I want them to align center left with the same size as they appear in the List.

      Neither Magnification -> 1 in the images nor Grid with Alignment -> Left fixed it.

      How to make a grid of such buttons without scaling images?



      All images have the same vertical size if that matters.






      image button




      image button






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked yesterday









      MeMyselfI

      46219




      46219






















          1 Answer
          1






          active

          oldest

          votes

















          up vote
          5
          down vote













          buttons = MapThread[Button["", Appearance -> {"Default" -> #, "Pressed" -> #2}, 
          
    ImageSize -> All] &, images]


          enter image description here



          Multicolumn[buttons, 1]


          enter image description here






          share|improve this answer





















            Your Answer





            StackExchange.ifUsing("editor", function () {
            return StackExchange.using("mathjaxEditing", function () {
            StackExchange.MarkdownEditor.creationCallbacks.add(function (editor, postfix) {
            StackExchange.mathjaxEditing.prepareWmdForMathJax(editor, postfix, [["$", "$"], ["\\(","\\)"]]);
            });
            });
            }, "mathjax-editing");

            StackExchange.ready(function() {
            var channelOptions = {
            tags: "".split(" "),
            id: "387"
            };
            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: false,
            noModals: true,
            showLowRepImageUploadWarning: true,
            reputationToPostImages: null,
            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%2fmathematica.stackexchange.com%2fquestions%2f186605%2fhow-to-pixel-constrain-button-appearance-given-as-images%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
            5
            down vote













            buttons = MapThread[Button["", Appearance -> {"Default" -> #, "Pressed" -> #2}, 
            
    ImageSize -> All] &, images]


            enter image description here



            Multicolumn[buttons, 1]


            enter image description here






            share|improve this answer

























              up vote
              5
              down vote













              buttons = MapThread[Button["", Appearance -> {"Default" -> #, "Pressed" -> #2}, 
              
    ImageSize -> All] &, images]


              enter image description here



              Multicolumn[buttons, 1]


              enter image description here






              share|improve this answer























                up vote
                5
                down vote










                up vote
                5
                down vote









                buttons = MapThread[Button["", Appearance -> {"Default" -> #, "Pressed" -> #2}, 
                
    ImageSize -> All] &, images]


                enter image description here



                Multicolumn[buttons, 1]


                enter image description here






                share|improve this answer












                buttons = MapThread[Button["", Appearance -> {"Default" -> #, "Pressed" -> #2}, 
                
    ImageSize -> All] &, images]


                enter image description here



                Multicolumn[buttons, 1]


                enter image description here







                share|improve this answer












                share|improve this answer



                share|improve this answer










                answered yesterday









                kglr

                172k8194399




                172k8194399






























                     

                    draft saved


                    draft discarded



















































                     


                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmathematica.stackexchange.com%2fquestions%2f186605%2fhow-to-pixel-constrain-button-appearance-given-as-images%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

                    數位音樂下載

                    Image
                    數位音樂下載 為非以「實體」方式來販賣音樂的相關產品，而使用數位格式如mp3、AAC等文件格式來進行銷售販賣的一种音乐产业形式。著名的數位音樂下載服務商有iTunes Store、RecoChoku、Google Play音乐和微软Zune等。数字音乐下载在二十一世纪初一度风靡全球， [1] [2] 使得传统唱片产业走向衰落，但其自身也在2010年代流媒体音乐服务如Apple Music、Spotify等的挤压下迅速失去市场份额。 [3] [4] 数字音乐下载有便于携带、传播迅速、制作简单成本低等优点，与流媒体音乐相比也能更好保障音乐人权益； [5] 但它同时很可能带来侵犯版权和滥用的情形， [6] 也给音乐产业带来了诸多不利影响。数字音乐下载为音乐人和乐迷提供了更加便捷直接的交流渠道，也一定程度上推动了网络音乐人的出现和独立音乐的迅速发展。 [7] 目录 1 历史 1.1 技术积淀（1987-2000） 1.2 出现与兴起（2000-2004） 1.3 唱片市场的颠覆者（2004-2007） 1.4 巅峰和衰落（2005-2013） 1.5 摇摇欲坠的现状与不可预知的明天（2014至今） 2 主要文件格式 2.1 PCM编码格式 2.1.1 WAV 2.1.2 APE 2.1.3 FLAC 2.2 苹果推出的无损文件格式 2.2.1 AIFF 2.2.2 ALAC 2.3 有损压缩格式 2.3.1 MP3 2.3.2 AAC 3 主要市场 3.1 iTunes Store 3.2 Google Play音乐商店 3.3 亚马逊音乐商店 3.4 部分其他音乐商店 4 影响与评价 4.1 对音乐产业的影响 4.2 对科技行业的影响 4.3 正面评价 4.4 负面评价 4.4.1 侵权问题 4.4.2 经营模式不明晰 4.4.3 不适应移动时代 4.5 文化现象 5 延伸阅读 6 参考资料 历史 苹果iTunes+iPod的软硬件搭配让数字音...
                    Read more

                    When can things happen in Etherscan, such as the picture below?

                    Image
                    2 I don't know why balance of the address is 0. when can this situation? etherscan balances share | improve this question asked yesterday Ru Hi Ru Hi 11 1 New contributor Ru Hi is a new contributor to this site. Take care in asking for clarification, commenting, and answering. Check out our Code of Conduct. add a comment  |  ...
                    Read more

                    格利澤436b

                    Image
                    格利泽436b 太陽系外行星 太陽系外行星列表 艺术家笔下的格利泽436b 母恆星 母恆星 Gliese 436 星座 獅子座 赤經 ( α ) 11 h  42 m  11.0941 s [1] 赤緯 ( δ ) +26° 42′ 23.652″ [1] 距離 33.4 ly (10.2 pc) 光譜類型 M2.5 V [1] 軌道參數 半长轴 ( a ) 0.0291±0.0004 [2] AU 軌道離心率 ( e ) 0.150±0.012 [2] 公轉週期 ( P ) 2.643904±0.000005 [3] d (0.00723849 y) 軌道傾角 ( i ) 85.8 +0.21 −0.25 [3] ° 角距 ( θ ) 2.794 mas 近星點時間 ( T 0 ) 2,451,551.716 ±0.01 JD 半振幅 ( K ) 18.68±0.8 m/s 物理性质 质量 ( m ) 22.2±1.0 [2] M ⊕ 半徑 ( r ) 4.327±0.183 [2] [4] R ⊕ 密度 ( ρ ) 1.51 g cm -3 表面重力 ( g ) 1.18 g 溫度 ( T ) 712±36 [2] K 發現 發現時間 2004 發現者 巴特勒、沃格特、 馬西 et al. 發現方法 徑向速度、凌日法 發現地點 美國加利福尼亞州 發表論文 出版 其他名稱 Ross 905 b, GJ 436 b, [5] LTT 13213 b, GCTP 2704.10 b, LHS 310, AC+27:28217 b, Vyssotsky 616 b, HIP 57087 b, GEN# +9.80120068 b, LP 319-75 b, G 121-7 b, LSPM J1142+2642 b, 1RXS J114211.9+264328 b, ASCC 683818 b, G 147-68 b, UCAC2 41198281 b, BP...
                    Read more