Ao criar um aplicativo andróide, você pode precisar de uma página sobre o andróide para mostrar algumas informações sobre seu aplicativo, sua empresa, seus links de mídia social, website etc. Uma maneira é apenas projetar sua própria atividade ou fragmento para mostrá-los. Isto pode ser feito através do editor do androide studio. Outra opção mais fácil é usar uma página pré-definida. Então, você pode usar apenas essas opções.
Neste artigo veremos exemplos destas páginas pré-desenhadas sobre nós. Aqui está o que você aprenderá:
- Como criar uma bela página sobre nós.
(a). Como criar uma página sobre nós em andróide Kotlin.
Este exemplo explora como criar uma página sobre nós usando a biblioteca de páginas de fantasia sobre nós. Nós usamos as seguintes tecnologias:
- Linguagem de programação: Java
- IDE: Estúdio Android
Aqui está um tutorial em vídeo:
Aqui estão os passos que você segue;
Etapa 1: Adicionar dependência
Você precisará adicionar a biblioteca de páginas sobre nós em seu arquivo build.gradle de nível de aplicação:
implementation 'com.github.Shashank02051997:FancyAboutPage-Android:2.6'Em seguida, sincronize seu projeto.
Passo 2: Código Kotlin
Então teremos uma atividade, nossa principal atividade:
**MainActivity.kt***
Comece acrescentando suas importações:
import android.graphics.Color;
import android.os.Build;
import android.support.annotation.RequiresApi;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;Em seguida, crie a classe ampliando a aptidão para a atividade. Sobreponha também o método onCreate
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)Agora basta fazer referência à FancyAboutUsPage e definir suas propriedades:
val fancyAboutPage = findViewById<FancyAboutPage>(R.id.fancyaboutpage)
//fancyAboutPage.setCoverTintColor(Color.BLUE); //Optional
fancyAboutPage.setCover(R.drawable.coverimg)
fancyAboutPage.setName("Shashank Singhal")
fancyAboutPage.setDescription("Google Certified Associate Android Developer | Android App, Game, Web and Software Developer.")
fancyAboutPage.setAppIcon(R.drawable.cakepop)
fancyAboutPage.setAppName("Cake Pop Icon Pack")
fancyAboutPage.setVersionNameAsAppSubTitle("1.2.3")
fancyAboutPage.setAppDescription(
"""
Cake Pop Icon Pack is an icon pack which follows Google's Material Design language.
This icon pack uses the material design color palette given by google. Every icon is handcrafted with attention to the smallest details!
A fresh new take on Material Design iconography. Cake Pop offers unique, creative and vibrant icons. Spice up your phones home-screen by giving it a fresh and unique look with Polycon.
""".trimIndent()
)
fancyAboutPage.addEmailLink("shashanksinghal02@gmail.com")
fancyAboutPage.addFacebookLink("https://www.facebook.com/shashanksinghal02")
fancyAboutPage.addTwitterLink("https://twitter.com/shashank020597")
fancyAboutPage.addLinkedinLink("https://www.linkedin.com/in/shashank-singhal-a87729b5/")
fancyAboutPage.addGitHubLink("https://github.com/Shashank02051997")Aqui está o código completo:
package info.camposha.ms_fancy_aboutpage
import android.os.Bundle
import android.view.View
import androidx.appcompat.app.AppCompatActivity
import com.shashank.sony.fancyaboutpagelib.FancyAboutPage
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
title = "About Page"
supportActionBar!!.setDisplayHomeAsUpEnabled(true)
window.decorView.systemUiVisibility = (
View.SYSTEM_UI_FLAG_LAYOUT_STABLE
or View.SYSTEM_UI_FLAG_LAYOUT_FULLSCREEN)
val fancyAboutPage = findViewById<FancyAboutPage>(R.id.fancyaboutpage)
//fancyAboutPage.setCoverTintColor(Color.BLUE); //Optional
fancyAboutPage.setCover(R.drawable.coverimg)
fancyAboutPage.setName("Shashank Singhal")
fancyAboutPage.setDescription("Google Certified Associate Android Developer | Android App, Game, Web and Software Developer.")
fancyAboutPage.setAppIcon(R.drawable.cakepop)
fancyAboutPage.setAppName("Cake Pop Icon Pack")
fancyAboutPage.setVersionNameAsAppSubTitle("1.2.3")
fancyAboutPage.setAppDescription(
"""
Cake Pop Icon Pack is an icon pack which follows Google's Material Design language.
This icon pack uses the material design color palette given by google. Every icon is handcrafted with attention to the smallest details!
A fresh new take on Material Design iconography. Cake Pop offers unique, creative and vibrant icons. Spice up your phones home-screen by giving it a fresh and unique look with Polycon.
""".trimIndent()
)
fancyAboutPage.addEmailLink("shashanksinghal02@gmail.com")
fancyAboutPage.addFacebookLink("https://www.facebook.com/shashanksinghal02")
fancyAboutPage.addTwitterLink("https://twitter.com/shashank020597")
fancyAboutPage.addLinkedinLink("https://www.linkedin.com/in/shashank-singhal-a87729b5/")
fancyAboutPage.addGitHubLink("https://github.com/Shashank02051997")
}
}Passo 3: Layouts
Adicione o seguinte código em seu layout principal:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#FFFFFF">
<com.shashank.sony.fancyaboutpagelib.FancyAboutPage
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/fancyaboutpage"
>
<com.mikhaellopez.circularimageview.CircularImageView
android:layout_width="140dp"
android:layout_height="140dp"
android:layout_marginTop="180dp"
android:layout_alignParentRight="true"
android:layout_marginRight="10dp"
android:src="@drawable/shashankprofileimg"
app:civ_border_color="#40FFFFFF"
app:civ_border_width="10dp"
android:id="@+id/circularImageView" />
</com.shashank.sony.fancyaboutpagelib.FancyAboutPage>
</RelativeLayout>
</ScrollView>
</RelativeLayout>
Passo 4: Correr
Execute o projeto e você terá o seguinte:
Passo 5: Download
Faça o download do código aqui.
