This is new Series that I am going to share with you I know the UI design is not good but with the help of this project you will learn new things
so let's start
1.Open your activity_main.xml file and add this code
<?xml version="1.0" encoding="utf-8"?>
<androidx.drawerlayout.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
tools:context=".MainActivity">
<com.google.android.material.navigation.NavigationView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="start"/>
<androidx.coordinatorlayout.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent">
<com.google.android.material.appbar.AppBarLayout
android:layout_width="match_parent"
android:background="@color/white"
android:fitsSystemWindows="true"
android:theme="@style/Theme.Convertor"
android:layout_height="wrap_content">
<com.google.android.material.appbar.CollapsingToolbarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:contentScrim="@color/white"
android:fitsSystemWindows="true"
app:layout_scrollFlags="scroll|snap|exitUntilCollapsed"
app:title="img to pdf"
app:expandedTitleGravity="top"
app:expandedTitleMarginStart="48dp"
app:expandedTitleMarginTop="7dp">
<include
app:layout_collapseMode="parallax"
layout="@layout/convertor_toll"/>
<androidx.appcompat.widget.Toolbar
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
app:layout_collapseMode="pin"
app:title="img to pdf"
app:navigationIcon="@drawable/ic_baseline_menu_24"/>
</com.google.android.material.appbar.CollapsingToolbarLayout>
</com.google.android.material.appbar.AppBarLayout>
<androidx.core.widget.NestedScrollView
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_behavior="com.google.android.material.appbar.AppBarLayout$ScrollingViewBehavior">
<androidx.recyclerview.widget.RecyclerView
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</androidx.core.widget.NestedScrollView>
<ProgressBar
android:visibility="gone"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:layout_marginTop="300dp"/>
</androidx.coordinatorlayout.widget.CoordinatorLayout>
</androidx.drawerlayout.widget.DrawerLayout>
2.create a new layout for open camera or upload image name it like convertor_toll.xml and add this code
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_marginTop="?attr/actionBarSize">
<LinearLayout
android:id="@+id/convertor_toll_layoutOne"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginHorizontal="16dp">
<Button
android:id="@+id/convertor_toll_camera"
android:layout_width="wrap_content"
android:layout_height="100dp"
android:layout_weight="1"
android:text="Camera" />
<Space
android:id="@+id/convertor_toll_space"
android:layout_width="10dp"
android:layout_height="match_parent" />
<Button
android:id="@+id/convertor_toll_upload"
android:layout_width="wrap_content"
android:layout_height="100dp"
android:layout_weight="1"
android:text="upload" />
</LinearLayout>
<ImageView
android:id="@+id/convertor_toll_imageView"
android:layout_width="wrap_content"
android:layout_height="160dp"
android:layout_below="@id/convertor_toll_layoutOne"
android:layout_centerHorizontal="true"
android:layout_margin="16dp"
android:scaleType="centerCrop"
android:src="@mipmap/ic_launcher" />
<TextView
android:id="@+id/convertor_toll_fileName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/convertor_toll_imageView"
android:text="name"
android:textAlignment="center"
android:textColor="@color/black"
android:textSize="18sp"
android:textStyle="bold" />
<Button
android:id="@+id/convertor_toll_convert"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/convertor_toll_fileName"
android:layout_margin="16dp"
android:text="convert" />
</RelativeLayout>
3.create another layout for pdf recylerview and name it like file_view.xml and add this code
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:gravity="center_vertical"
android:orientation="horizontal"
android:padding="5dp">
<ImageView
android:layout_width="60dp"
android:layout_height="60dp"
android:src="@drawable/ic_file" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="file name"
android:textAlignment="center"
android:textColor="@color/black"
android:textSize="16sp" />
</LinearLayout>
4.and also change DarkActionBar with NoActionBar in Themes
Watch full tutorials
hereman
1 Comments
love from Bangladesh!
ReplyDelete