Visualização de cartão bancário

? Bank Card View é uma visualização de cartão simples e elegante com animação Flip.

License API repo size

forks stars

animated

Versões

Selecione a língua : English, Português

Incluindo em seu projeto

Grade

Adicione os códigos abaixo ao seu arquivo root build.gradle (não ao seu arquivo build.gradle do módulo).

allprojects {
  repositories {
    ...
    maven { url 'https://jitpack.io' }
  }
}

E adicione um código de dependência ao arquivo build.gradle do seu módulo.

dependencies {
    implementation 'com.github.iamageo:bank-card-view:1.0.0'
}

Uso básico

Adicione em seu arquivo de layout.

<com.iamageo.bank_card_view_android.BankCardView
    android:id="@+id/myBankCardView"
    app:isFrontCard="true"
    app:bankCardName="Geovani Amaral"
    app:bankCardNumber="0001 0002 0003 0004"
    app:bankCardCVV="123"
    app:bankCardValidate="02/27"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
/>

Chame sua atividade:

class MainActivity : AppCompatActivity() {

    private lateinit var binding: ActivityMainBinding

    private val animation: FlipBankCardViewAnimation? = null

    override fun onCreate(savedInstanceState: Bundle?) {
        binding = ActivityMainBinding.inflate(layoutInflater)
        super.onCreate(savedInstanceState)
        setContentView(binding.root)

        //attributes
        binding.myBankCardView.bankCardName = "Jhon Doe"
        binding.myBankCardView.bankCardNumber = "0001 0002 0003 0004"
        binding.myBankCardView.bankCardValidate = "02/27"
        binding.myBankCardView.bankCardCVV = "007"
        binding.myBankCardView.bankCardLogo = BankCardView.CardLogo.MASTERCARD
        binding.myBankCardView.bankCardBackground = BankCardView.CardBackground.RIPE_MALINKA

        //click event
        binding.myBankCardView.setOnClickListener {
            startAnimation(animation, binding.myBankCardView, binding.myBankCardView, 180)
        }
    }
}

Exemplo de uso

20220803_162927

Atributos de visualização de cartão bancário

Atributos Tipo Descrição
bankCardName String Nome do cartão.
bankCardNumber String Número do cartão.
bankCardValidate String Data de validade do cartão.
bankCardCVV String Código de segurança do cartão.
bankCardLogo Int (drawable) Logo do cartão.
bankCardBackground Int (drawable) Plano de fundo para exibição.

Tipos de logotipo

Fonte dos logotipos

VISTO CIELO MASTERCARD EXPRESSO AMERICANO

Para usar o logotipo do cartão:

binding.myBankCardView.bankCardLogo = BankCardView.CardLogo.MASTERCARD

Tipos de fundo

Fonte dos fundos

RIPE_MALINKA AMY_CHRISP TRUE_SUNSET PURPLE_DIVISION

Para usar os planos de fundo:

binding.myBankCardView.bankCardBackground = BankCardView.CardBackground.RIPE_MALINKA

Licença

    Copyright 2022 Geovani Amaral

    Licensed under the Apache License, Version 2.0 (the "License");
    you may not use this file except in compliance with the License.
    You may obtain a copy of the License at

       http://www.apache.org/licenses/LICENSE-2.0

    Unless required by applicable law or agreed to in writing, software
    distributed under the License is distributed on an "AS IS" BASIS,
    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    See the License for the specific language governing permissions and
    limitations under the License.

GitHub

View Github