Giter Site home page Giter Site logo

quranverses's Introduction

quranVerses

  1. Show Random Quran verse
  2. Show Random Hadith from Sahih Bukhari
  3. Show Hadith of the Day

How To Use

STEP 1

Add it to your build.gradle with:

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

and:

dependencies {
    implementation 'com.github.mosamabinomar:quranVerses:2.0'
}

STEP 2

FOR RANDOM QURAN VERSE

Add this in your layout file to include the QuranVerseView.

<com.bullhead.quranquotes.views.QuranVerseView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Hello World!"
        app:surahNameTextSize="12sp"
        app:surahNameTextColor="#888888"
        app:verseTextSize="30sp"
        android:layout_centerInParent="true"
        app:verseTextColor="@color/colorPrimaryDark"
        /> 

FOR RANDOM HADITH

<com.bullhead.quranquotes.views.RandomHadithView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="20dp"
            app:hadithTextColor="@color/colorAccent"
            app:hadithTextSize="20sp"
            app:infoTextColor="@color/colorPrimary"
            app:infoTextSize="12sp"
            />

FOR Hadith of the Day

<com.bullhead.quranquotes.views.HadithOfDayView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        app:hadithTextSize="22sp"
        app:hadithTextColor="@color/colorAccent"
        app:infoTextColor="@color/colorPrimary"
        app:infoTextSize="12sp"
        />

That's it. You don't need to do anything else.

View Properties

Attribute For What?
surahNameTextSize Change Surah name text size
surahNameTextColor Change Surah name text color
verseTextSize Change Verse text size
verseTextColor Change Verse text color
hadithTextSize Change Hadith text size
hadithTextColor Change Hadith text color
infoTextSize Change Hadith info text size
infoTextColor Change Hadith info text color

Example app:surahNameTextSize="12sp"

Final thoughts

May ALLAH bless us All

If you found any error or incorrect references please let me know by creating issue

quranverses's People

Contributors

bullheadandplato avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

quranverses's Issues

Quran Ayahs

Assalamo Alaikum. Brother hopefully you are doing good In Sha Allah, brother I want to show the hadith and quranic ayahs in the google card view and want to change the fonts of the text. how is that possible? hadith and its references are combined.. i want to show them in a seperate text in the card. please advise me how to do that or the options are limited ?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.