How to display image of ribbon button C#

[KinAkira]

Hi guys,

I searched many pages and tried them. But I have some troubles with display image for a new ribbon button.

• I dont know where I can put my image to it work.
• I wonder After build, if others PC load this .dll file then this image will be showed ?

Anyone can help!

I have some following codes:

BitmapImage getBitmap(string fileName)
        {
            BitmapImage bmp = new BitmapImage();            
            bmp.BeginInit();
            bmp.UriSource = new Uri(string.Format("pack://application:,,,/{0};component/{1}",
              Assembly.GetExecutingAssembly().GetName().Name, fileName));

            bmp.EndInit();
            return bmp;
        }

private void addPanel2(RibbonTab ribTab)
        {
            //create the panel source
            var ribPanelSource = new RibbonPanelSource();
            ribPanelSource.Title = "My Tool";

            //create the panel
            var ribPanel = new RibbonPanel();
            ribPanel.Source = ribPanelSource;
            ribTab.Panels.Add(ribPanel);

            //create button1
            var button1 = new RibbonButton();
            button1.Text = "Button1";
            button1.ShowText = true;
            button1.ShowImage = true;
            button1.Image = getBitmap("button1.png");

            //pay attention to the SPACE after the command name
            button1.CommandParameter = "PlineChecked ";
            button1.CommandHandler = new BtCommandHandler();

            ribPanelSource.Items.Add(button1);
            /*************/
            //Add separate between 2 button
            RibbonSeparator rbseparator = new RibbonSeparator();
            rbseparator.SeparatorStyle = RibbonSeparatorStyle.Line;
            ribPanelSource.Items.Add(rbseparator);
            /*************/
            //create button2
            var button2 = new RibbonButton();
            button2.Text = "Button2";
            button2.ShowText = true;
            //pay attention to the SPACE after the command name
            button2.CommandParameter = "LineChecked ";
            button2.CommandHandler = new BtCommandHandler();

            ribPanelSource.Items.Add(button2);

        }

[norman.yuan · Accepted solution]

Since you are to create custom ribbon items by code, I'd think compile (embed) the images into your DLL (if you do not have large number of them), or into a separate resource DLL, would be more desirable. You simply add the images to your project's resources. This way, you would just hand the DLL (or DLLs) of yours to the users, no worries about where they could place the image files.

[KinAkira]

---

@norman.yuan wrote:

Since you are to create custom ribbon items by code, I'd think compile (embed) the images into your DLL (if you do not have large number of them), or into a separate resource DLL, would be more desirable. You simply add the images to your project's resources. This way, you would just hand the DLL (or DLLs) of yours to the users, no worries about where they could place the image files.

---

Thank for your advise, @norman.yuan . I'd tried put image (which exported from icon CUI support 32x32 pixed) to my source and run again my project with above codes, Image of ribbon button were not showed. I think something wrong in my code. But cant find them. 😩

      

[Jeff_M · Accepted solution]

@KinAkira you need to add a Resources file to your project:

Then add the image to the Resources1.resx:

Then you will be able to reference it like so:

Bitton1.Image = Reference1.line_large.ToBitmapImage();

The ToBitMapImage() is an extension method:

    public static class BitmapExtensions
    {
        public static BitmapImage ToBitmapImage(this Bitmap image)
        {
            MemoryStream ms = new MemoryStream();
            image.Save(ms, System.Drawing.Imaging.ImageFormat.Png);
            BitmapImage bi = new BitmapImage();
            bi.BeginInit();
            bi.StreamSource = ms;
            bi.EndInit();
            return bi;
        }
    }

[KinAkira]

So many thanks with support's @Jeff_M and @norman.yuan . My troubles'd been resolved 🙂

[Ta7a]

Hello Jeff,

what is Reference1 that you mention here : Bitton1.Image = Reference1.line_large.ToBitmapImage();