├── .DS_Store
├── Images
└── UserProfile.png
├── UserProfileUISample
├── .DS_Store
├── AssemblyInfo.cs
├── App.xaml.cs
├── MainPage.xaml.cs
├── UserProfileUISample.csproj
├── App.xaml
└── MainPage.xaml
├── UserProfileUISample.iOS
├── .DS_Store
├── Resources
│ ├── Correo.png
│ ├── Katty.png
│ ├── Phone.png
│ ├── Default.png
│ ├── Default@2x.png
│ ├── KattyWhite.png
│ ├── Default-568h@2x.png
│ ├── Default-Portrait.png
│ ├── Default-Portrait@2x.png
│ └── LaunchScreen.storyboard
├── Assets.xcassets
│ └── AppIcon.appiconset
│ │ ├── Icon20.png
│ │ ├── Icon29.png
│ │ ├── Icon40.png
│ │ ├── Icon58.png
│ │ ├── Icon60.png
│ │ ├── Icon76.png
│ │ ├── Icon80.png
│ │ ├── Icon87.png
│ │ ├── Icon1024.png
│ │ ├── Icon120.png
│ │ ├── Icon152.png
│ │ ├── Icon167.png
│ │ ├── Icon180.png
│ │ └── Contents.json
├── Entitlements.plist
├── Main.cs
├── AppDelegate.cs
├── Info.plist
├── Properties
│ └── AssemblyInfo.cs
└── UserProfileUISample.iOS.csproj
├── UserProfileUISample.Android
├── .DS_Store
├── Resources
│ ├── drawable
│ │ ├── Correo.png
│ │ ├── Katty.png
│ │ ├── Phone.png
│ │ ├── KattyWhite.png
│ │ └── LaunchScreen.storyboard
│ ├── mipmap-hdpi
│ │ ├── icon.png
│ │ └── launcher_foreground.png
│ ├── mipmap-mdpi
│ │ ├── icon.png
│ │ └── launcher_foreground.png
│ ├── mipmap-xhdpi
│ │ ├── icon.png
│ │ └── launcher_foreground.png
│ ├── mipmap-xxhdpi
│ │ ├── icon.png
│ │ └── launcher_foreground.png
│ ├── mipmap-xxxhdpi
│ │ ├── icon.png
│ │ └── launcher_foreground.png
│ ├── mipmap-anydpi-v26
│ │ ├── icon.xml
│ │ └── icon_round.xml
│ ├── values
│ │ ├── colors.xml
│ │ └── styles.xml
│ ├── layout
│ │ ├── Toolbar.xml
│ │ └── Tabbar.xml
│ └── AboutResources.txt
├── Properties
│ ├── AndroidManifest.xml
│ └── AssemblyInfo.cs
├── Assets
│ └── AboutAssets.txt
├── MainActivity.cs
└── UserProfileUISample.Android.csproj
├── README.md
└── UserProfileUISample.sln
/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/.DS_Store
--------------------------------------------------------------------------------
/Images/UserProfile.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/Images/UserProfile.png
--------------------------------------------------------------------------------
/UserProfileUISample/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample/.DS_Store
--------------------------------------------------------------------------------
/UserProfileUISample/AssemblyInfo.cs:
--------------------------------------------------------------------------------
1 | using Xamarin.Forms.Xaml;
2 |
3 | [assembly: XamlCompilation(XamlCompilationOptions.Compile)]
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/.DS_Store
--------------------------------------------------------------------------------
/UserProfileUISample.Android/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/.DS_Store
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Resources/Correo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Resources/Correo.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Resources/Katty.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Resources/Katty.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Resources/Phone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Resources/Phone.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Resources/Default.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Resources/Default.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Resources/Default@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Resources/Default@2x.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Resources/KattyWhite.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Resources/KattyWhite.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Resources/Default-568h@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Resources/Default-568h@2x.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Resources/Default-Portrait.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Resources/Default-Portrait.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/drawable/Correo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/drawable/Correo.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/drawable/Katty.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/drawable/Katty.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/drawable/Phone.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/drawable/Phone.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Resources/Default-Portrait@2x.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Resources/Default-Portrait@2x.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/mipmap-hdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/mipmap-hdpi/icon.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/mipmap-mdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/mipmap-mdpi/icon.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/mipmap-xhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/mipmap-xhdpi/icon.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/drawable/KattyWhite.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/drawable/KattyWhite.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/mipmap-xxhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/mipmap-xxhdpi/icon.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/mipmap-xxxhdpi/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/mipmap-xxxhdpi/icon.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon20.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon20.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon29.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon29.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon40.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon40.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon58.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon58.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon60.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon60.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon76.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon76.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon80.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon80.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon87.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon87.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon1024.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon1024.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon120.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon120.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon152.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon152.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon167.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon167.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon180.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.iOS/Assets.xcassets/AppIcon.appiconset/Icon180.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/mipmap-hdpi/launcher_foreground.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/mipmap-hdpi/launcher_foreground.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/mipmap-mdpi/launcher_foreground.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/mipmap-mdpi/launcher_foreground.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/mipmap-xhdpi/launcher_foreground.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/mipmap-xhdpi/launcher_foreground.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/mipmap-xxhdpi/launcher_foreground.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/mipmap-xxhdpi/launcher_foreground.png
--------------------------------------------------------------------------------
/UserProfileUISample.Android/Resources/mipmap-xxxhdpi/launcher_foreground.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/LeomarisReyes/UserProfileUISample/HEAD/UserProfileUISample.Android/Resources/mipmap-xxxhdpi/launcher_foreground.png
--------------------------------------------------------------------------------
/UserProfileUISample.iOS/Entitlements.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
User Profile App is a replica made in Xamarin Forms thanks to which users can have an application in which they can reflect the main data of their contacts.
4 | 5 |
6 |
7 |
Enter to my article: https://askxammy.com/replicating-user-profile-ui-in-xamarin-forms/
25 |Design obteined from Dribble: https://dribbble.com/shots/9033707-Daily-UI-006-User-Profile
26 | 27 | -------------------------------------------------------------------------------- /UserProfileUISample.iOS/Properties/AssemblyInfo.cs: -------------------------------------------------------------------------------- 1 | using System.Reflection; 2 | using System.Runtime.CompilerServices; 3 | using System.Runtime.InteropServices; 4 | 5 | // General Information about an assembly is controlled through the following 6 | // set of attributes. Change these attribute values to modify the information 7 | // associated with an assembly. 8 | [assembly: AssemblyTitle("UserProfileUISample.iOS")] 9 | [assembly: AssemblyDescription("")] 10 | [assembly: AssemblyConfiguration("")] 11 | [assembly: AssemblyCompany("")] 12 | [assembly: AssemblyProduct("UserProfileUISample.iOS")] 13 | [assembly: AssemblyCopyright("Copyright © 2014")] 14 | [assembly: AssemblyTrademark("")] 15 | [assembly: AssemblyCulture("")] 16 | 17 | // Setting ComVisible to false makes the types in this assembly not visible 18 | // to COM components. If you need to access a type in this assembly from 19 | // COM, set the ComVisible attribute to true on that type. 20 | [assembly: ComVisible(false)] 21 | 22 | // The following GUID is for the ID of the typelib if this project is exposed to COM 23 | [assembly: Guid("72bdc44f-c588-44f3-b6df-9aace7daafdd")] 24 | 25 | // Version information for an assembly consists of the following four values: 26 | // 27 | // Major Version 28 | // Minor Version 29 | // Build Number 30 | // Revision 31 | // 32 | // You can specify all the values or you can default the Build and Revision Numbers 33 | // by using the '*' as shown below: 34 | // [assembly: AssemblyVersion("1.0.*")] 35 | [assembly: AssemblyVersion("1.0.0.0")] 36 | [assembly: AssemblyFileVersion("1.0.0.0")] 37 | -------------------------------------------------------------------------------- /UserProfileUISample.Android/Resources/AboutResources.txt: -------------------------------------------------------------------------------- 1 | Images, layout descriptions, binary blobs and string dictionaries can be included 2 | in your application as resource files. Various Android APIs are designed to 3 | operate on the resource IDs instead of dealing with images, strings or binary blobs 4 | directly. 5 | 6 | For example, a sample Android app that contains a user interface layout (main.xml), 7 | an internationalization string table (strings.xml) and some icons (drawable-XXX/icon.png) 8 | would keep its resources in the "Resources" directory of the application: 9 | 10 | Resources/ 11 | drawable-hdpi/ 12 | icon.png 13 | 14 | drawable-ldpi/ 15 | icon.png 16 | 17 | drawable-mdpi/ 18 | icon.png 19 | 20 | layout/ 21 | main.xml 22 | 23 | values/ 24 | strings.xml 25 | 26 | In order to get the build system to recognize Android resources, set the build action to 27 | "AndroidResource". The native Android APIs do not operate directly with filenames, but 28 | instead operate on resource IDs. When you compile an Android application that uses resources, 29 | the build system will package the resources for distribution and generate a class called 30 | "Resource" that contains the tokens for each one of the resources included. For example, 31 | for the above Resources layout, this is what the Resource class would expose: 32 | 33 | public class Resource { 34 | public class drawable { 35 | public const int icon = 0x123; 36 | } 37 | 38 | public class layout { 39 | public const int main = 0x456; 40 | } 41 | 42 | public class strings { 43 | public const int first_string = 0xabc; 44 | public const int second_string = 0xbcd; 45 | } 46 | } 47 | 48 | You would then use R.drawable.icon to reference the drawable/icon.png file, or Resource.layout.main 49 | to reference the layout/main.xml file, or Resource.strings.first_string to reference the first 50 | string in the dictionary file values/strings.xml. 51 | -------------------------------------------------------------------------------- /UserProfileUISample/App.xaml: -------------------------------------------------------------------------------- 1 | 2 |