Archive for April, 2016

 

1. When you to open “android-ndk-r10c-darwin-x86_64.bin” with “Archive Utility.app” or other app.
2. Then you’ve got “android-ndk-r10c-darwin-x86_64.bin.cpgz”, OH! Crap it’s not extract but archive .bin to .cpgz extension.
Warning!! extracted file take more disk space up to 3.55 GB on disk
[Solution 1] recommended!!
1. open Terminal then type “chmod +x [path]/android-ndk-r10c-darwin-x86_64.bin” and press “Enter”, after that type only “[path]/android-ndk-r10c-darwin-x86_64.bin” and press “Enter” as below image.

After that Terminal was extract with 7-Zip SFX, as below detail.
7-Zip SFX 9.20  Copyright (c) 1999-2010 Igor Pavlov  2010-11-18
p7zip Version 9.20 (locale=utf8,Utf16=on,HugeFiles=on,4 CPUs)
Processing archive: /Users/dtkad/Downloads/android-ndk-r10c-darwin-x86_64.bin
2. just wait process until Terminal show “Everything is Ok”

[Solution 2]

1. It’s too easy just rename by remove “.bin” if your non-extension file can be execute.
“android-ndk-r10c-darwin-x86_64.bin”
to
“android-ndk-r10c-darwin-x86_64”
you should see it’s as execute file, check it by right-click and choose “Get Info”, you will see detail like below image.
2. double click on “android-ndk-r10c-darwin-x86_64” execute file or open with “Archive Utility.app”,  so if you not see “Archive Utility.app” in both Launchpad and Application folder, it should be here “/System/Library/CoreServices” like below image.
then the Terminal was run and execute file will do extract process, leave it run until it’s show message as below.

 

Everything is Ok
logout
[Process completed]
 
3. Let’s see your extracted folder “android-ndk-r10c”, it’s contain in “Users” by default, for example my users is “poraweeraksasin” from step 2. name on bar, see below image.

All credits to the original author for doing this. Although I’m trying to extend it in the coming days, but props to Adam for finding this one out!

Go to https://www.syntaxismyui.com/xamarin-forms-in-anger-cards/ and follow his other tutorial as well.

 

The #1 request I get for the Xamarin.Forms in Anger is for a Google or Facebook like card view. Today is the day that I fulfill those requests.

To be completely honest, I’ve been thinking about how to do a card view for a while and let me tell you, it’s not easy. Especially when you try to stick with the “in the box” components of Xamarin.Forms. My first attempt at it was hideous.

Hideous Forms

Hideous would be the most polite way of saying it was crap. I started off using BoxViews to draw the lines and contain the whole thing in a Xamarin.Forms Grid. Ouch, yes hideous.

The Grid was becoming a nightmare with all the extra rows and columns needed for lines. What I wouldn’t do for some HTML Tables with a borders = 1 in Xamarin.Forms. I thought of putting in a feature request to the team, but didn’t. I don’t want them to laugh at me. 😉

Waffle Fries to the Rescue

With the BoxViews not working out, I went to lunch to clear my head and to think. I love lunch and I don’t miss a meal. That day, I decided to go to Chick Fil A and get a chicken sandwich with a side of epiphany fries.

There I was, eating my chicken and dunking my fries in ketchup (Sauce de American). When I dipped a waffle fry into the ketchup, the ketchup squeezed through the holes and made a red checkerboard on top of the fry. Then it hit me. Bam!

I was going about the card UI backwards or forwards. Either way, it was the wrong way. I had to do an about face and approach it in another way. The way the ketchup came up through the fry not by putting ketchup onto the fry.

A Grid of Lines

As soon as I got home, I worked up a Xamarin.Forms Grid with some padding, row and column spacing. In addition to those settings, I also set the background color of the grid to a medium dark grey. Then added ContentViews with white backgrounds into each cell of the Grid. This is what it looked like when I finished.

GridLines

The white panels acted like the ketchup on my waffle fries and the borders are the potato. Yes, I know, it’s strange to describe Xamarin.Forms design techniques using food, but stay with me; it gets better. Now that I knew the technique worked and was a heck of a lot less messy, I pushed on.

Content View Panels

Each CardView is made up of 5 ContentViews with a background color set to the designed color. Here are some of the background colors for each panel.

Panels

The CardView.cs file would have been gigantic if I kept all the code in the same file so I broke it up into different ContentViews. Here are the names for each ContentView that makes up the CardView.

CardViews

The CardDetailsView has a column span of three to horizontally bridge the two IconLableViews and the ConfigIconView. The CardStatusView has a row span of two to complete the vertical lefthand status bar.

The CardView Code

For the demo, I put a couple of CardViews in a vertical StackLayout. If I had a lot of cards, I would prefer to use a ListView. Hopefully a reader will let me know how well this design works in a ListView. It should be ok, especially while using the Grid and not a bunch of nested StackLayouts. I’ve learned my lesson.

public class CardView : ContentView
{
public CardView (Card card)
{
Grid grid = new Grid {
Padding = new Thickness (0, 1, 1, 1),
RowSpacing = 1,
ColumnSpacing = 1, 
BackgroundColor = StyleKit.CardBorderColor,
VerticalOptions = LayoutOptions.FillAndExpand,
RowDefinitions = {
new RowDefinition { Height = new GridLength (70, GridUnitType.Absolute) },
new RowDefinition { Height = new GridLength (30, GridUnitType.Absolute) }
},
ColumnDefinitions = {
new ColumnDefinition { Width = new GridLength (4, GridUnitType.Absolute) },
new ColumnDefinition { Width = new GridLength (1, GridUnitType.Star) },
new ColumnDefinition { Width = new GridLength (100, GridUnitType.Absolute) },
new ColumnDefinition { Width = new GridLength (50, GridUnitType.Absolute) }
}
};

grid.Children.Add (
new CardStatusView (card)
, 0, 1, 0, 2);

grid.Children.Add (new CardDetailsView (card), 1, 4, 0, 1);

grid.Children.Add (
new IconLabelView (
card.StatusMessageFileSource,
card.StatusMessage
)
, 1, 1);

grid.Children.Add (
new IconLabelView (
card.ActionMessageFileSource,
card.ActionMessage
)
, 2, 1);

grid.Children.Add (new ConfigIconView (), 3, 1);

Content = grid;
}
}

With all the refactoring; the CardView looks small and plain but the devil is in the ContentViews.

 

Final Layout:

Solution

The code for this sample is up on GitHub in the “In Anger” repository. For this post, I broke the code out into a separate directory and solution to make it easier for you to reuse the CardView without getting confused with all the other code and resources from other posts.

Moar Epiphany Fires

Who knew that a humble waffle fry would be the answer to the Xamarin.Forms CardView? Not me; I go for the chicken. Don’t you worry dear read, I will continue to go to “Chick Fil a” to get more Xamarin.Forms design inspiration in the future. Stay tuned to this blog and, if you have a design challenge, just put it in the comments below or email me at adam [at] adamjwolf dot com.

Xamarin.Forms in Anger Series

Can Xamarin.Forms produce good looking cross-platform UI from a single codebase? Each “In Anger” blog post will tackle a single page of a beautifully designed iOS or Android application. My job will be to reproduce the design in Xamarin.Forms as faithfully as possible.

So, Lot of people like me have a hackintosh all ready and set up and are usually missing just one very critical component of Hackintosh, that is, WIFI.

It’s not that the fix is hard (for some might be, modding and bios, maybe?) but its just for the cost involved. Why would anyone want to pay so much for something that is twice the price of the OS itself? So here’s the card that you all should buy:

 

It is the chipset BCM94322HM8L. You can get it from amazon for less that 7$!!!!

http://www.amazon.com/dp/B002OB0FPI/ref=wl_it_dp_o_pd_S_ttl?_encoding=UTF8&colid=JT2P8ARM3K9W&coliid=I2B6Z3GMHISRVS

Now, if this becomes out of stock or becomes costlier, ping me I’ll help you get it for less that 7$. Shipping inclusive.

 

You can also google search the fore mentioned  chipset, I’m sure you’ll get ton of results as well. And what’s the cherry on the cake? No KEXTS required.!!! yes, It works out of the box. So what are you waiting for???

Needs : Remix OS EFI ISO, Remix OS USB Tool, EasyUEFI, and 8GB Pendrive

Step . 1 : Create partition minimum 8GB (Recommended) with Fat32
Step. 2 : Download Remix OS EFI/UEFI ISO File from http://www.jide.com/en/remixos-for-pc
Step. 3 : Extract With Winrar, you have two file remix os ISO and Remix OS USB Tool
Step. 4: Run Remix OS USB Tool, Connect your Pendrive to Your PC/Laptop and Browse Remix OS File and Choose USB Disk Your Pendrive and Press Okay Button
Step. 5: Wait to Complete process. After complete process close Remix OS USB Tool.
Step. 6: Now open your Pendrive and Copy All File to Your Remix OS Partition (Previously you created in step. 1)
Step. 7: Now Download & Install EasyUEFI setup :

THe installer from there home page might not work. So here’s the link to the version which works flawlessly:

Download from easyuefi here : Link 1 : http://turbobit.net/mh2tosaboslr.html Link 2 : http://www.redbunker.net/yrqiezi1qo8…Setup.rar.html Link 3 : https://cloud.mail.ru/public/39162da…UEFI_Setup.rar  OR http://11.gddx.crsky.com/201509/EasyUEFI-v2.3.zip
Step. 8: Now open EasyUEFI, Click on Add new entry. check this image : http://bit.ly/1K8sVvR
Step. 9: In Type section Choose “Linux or Other OS” check this image : http://bit.ly/1RL5f3a
Step. 10: Type RemixOS (Whatever you want) in Description section. Check this image : http://bit.ly/1nN5heq
Step. 11: Select the target partition section, Select Remix OS Partition
Step. 12: Then Click on Browse Button, then click on + icon > Click on efi + icon > click on boot + icon > select bootia32.efi (for 32bit pc) or bootx64.efi (for 64bit pc) and click on OK button. check this image : http://bit.ly/1KCnmAU
Step. 13: Now close EasyUEFI
Step. 1: Now Shutdown your PC/Laptop and Turn on using Boot Menu Key. There you can select Remix OS. After select Remix OS it will show Guest Mode and Resident Mode.

Congratulations, Now You can run Remix OS