Is there any alternate for the app bar icon button circle in windows phone? - silverlight

I found that all the app bar icon button has round layer, I know it is drawn by the App bar only; but my question is, can we make any other shapes like square or is there any alterations to do that.
can we able to draw any other shapes instead of that circle in the above image.

Nope, you're stuck with the circle unless you roll-your-own ApplicationBar-lookalike.
Charles Petzold's Programming Windows Phone 7 hints at this on pages 232-233:
The actual image should be white and occupy a 26-pixels square area in the middle of the bitmap.
Whilst the icons in C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Icons\ have the circles around them, the circles are excluded by the '26-pixel square area', and are re-added by the ApplicationBar. Thus, the circles are unable to be changed.

I saw people using regular rectangle-shaped buttons there but that was because they were not using the base app bar control. The app bar is not rendered by application and you have no control over the buttons other than specifying the icon and the label. You can use these regular rectangle-shaped buttons but I would not recommend it unless you have only 1..2 buttons, they always fit on screen and you don't need to use menu items.

I think if you change this icon located in this directory
C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Icons\light\appbar.basecircle.rest.png
C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Icons\dark\appbar.basecircle.rest.png

Related

Black background color in app icon

I've a app icon image in png(transparent) of size 512 * 512. It works well ie. transparent bg in android but in iOS the app has black background. How can I make it transparent in iOS?
Black bg in app icon...
This happens when the size of the icon is incorrect. Apple has very specific requirements about the shape of the icon as you can see from all the icons around: they all look the same.
The best approach for iOS is to create a completely square image which will be cut automatically to the right size.
Assuming you want this icon for Android and a different icon for iOS you can use this tip: https://www.codenameone.com/blog/different-icons.html
In the build.xml find
<target name="build-for-android-device" ... >
Change the line:
icon="androidIcon.png"
Then copy your existing icon to androidIcon.png and replace icon.png with a square icon.

Sublime Text 3 find and replace in multiple files

I want to find and replace code in multiple files.
Does anyone know if the feature "find and replace in multiple files" in Sublime Text 3 is gone?
It used to be a feature for ST2 (shift-command-F), see screenshots ST2 and ST3.
Or is there a other way to do this?
The option is still there, but because you're using a custom theme the bar needs to be taller for you to see the entire contents of the panel.
You can grab the top of the panel and stretch it up so that everything is visible and then back down as far as it will go to make it compact again.
You only have to do this once; Sublime remembers the height of the panel and will use it next time (which is why it uses the incorrect height when you switch to a theme that makes everything in the panel taller).

Overlay control over 2 dockable panels of AvalonDock

I am creating an interface using WPF which contains a menu of tiles. UI has an image which is below the menubar. When the menu bar is hidden the image expands and takes its place as I am using Avalon Dock.
I have a design in which, menu tiles expand in height when mouse is hovered over them. But the expanded tiles get hidden as the dockable panel doesn't expand in height. Is there a way to overlay the tiles' panel over the image panel so that the tiles are visible entirely?
Thank You.
I searched a lot over the internet and also documentations. Finally found out that, the 2 panels are separate components so content among it can't be overlayed.
eg. a button can't be shared by 2 windows as their Visual Tree is different.
So, the answer to my Question is that the components can't be overlayed.

Drawing a XAML map in WPF

I'm working on a module that displays DWG files in WPF. I've managed to use CadLib library but it's working very slowly and I want to make it faster. I found out that if I convert that DWG file to SVG format and then print it to my XPS printer and rename the file to ZIP, I can get .page file which is basically a XAML file that displays the original SVG object in XAML.
I want to display this XAML code on a custom control and be able to pan / zoom it around. I tried to place this XAML code in a Canvas and it did manage to show up there, but now I'm stuck trying to pan / zoom the shape that was drawn there. Also, the mouse events are fired only when you click the actual drawing itself, and not the Canvas, which will be hard for the user to click...
Any help would be highly appreciated :)
You could try creating nested Canvases : One that holds the vectors and is moved on demand, one that is fixed and serves as the viewport. Haven't tried that, but it should be feasible...

ALT-TAB Application Icon Pixelated

When a child window of my application is opened and I view the ALT+TAB menu, the application icon looks pixellated. I assume that Windows uses a low resolution version of the icon (16x16 pixel I think). What can I do that Windows selects the right version which would be 32x32 pixel?
I assigned an icon to the window in question that has 16x16, 24x24, 32x32, 48x38 and 256x256 in true color. Please note that VS says in the proterties that 32x32 is used and that it works fine for the main window of my application where I assigned the exact same icon.
The caption bar of a Windows application window display icons in 16x16 pixels. The Alt-Tab list, however, shows icons in 32x32 pixels. It uses the same icon as is set for the window. If you only set a 32x32 one, the caption bar has to scale it down, which tends to look ugly as it uses nearest-neighbor interpolation. So how does one support both?
The answer is the ICO file! It supports embedding multiple icons in one file, typically the same (or similar) icon in various sizes and, less commonly, color formats.
Browsers, Windows, and others are typically designed to smartly use the appropriately sized variant within a given ICO file. So the answer is to have an ICO file with both sizes (or more) inside. The result is that the caption bar correctly uses the 16x16 version and Alt-Tab uses the larger 32x32 one.
The methods for saving an ICO file with multiple icons inside varies from program to program. However, GIMP can easily do it (and it's free). The trick is to have your variously-sized icons as separate layers. When you go to save it as an ICO file, GIMP will prompt you with the ability to set the size and color format of each layer. A good tutorial, with images, can be read here.
If anyone has any links or suggestions for creating multi-icon ICO files in other programs, feel free to add them. Also, I'm unsure if the Visual Studio built-in image editor can do it or not — I've rarely bothered with it.
Fixed the problem. I put the icon on the wrong form. As I don't think that this question will be of any help for anybody feel free to delete it.

Resources