Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • How to make Publication Article page layout in android

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 134
    Comment on it

    In the below example I have created PublicationArticle layout. Here Frist I have created LinearLayout and then created all layout within main layout after then I have added scrollbar in main layout, In scrollbar I have added TextView, Image View, View and I have used Relative layout. You can see below example code it will clearly describe you how to make Publication Article page in android.

    <?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="match_parent"
        android:background="@color/white"
            android:orientation="vertical">
    
        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="match_parent">
    
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">
    
            <TextView
                android:id="@+id/tvArticleHeading"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:textStyle="bold"
                android:layout_margin="@dimen/articleheading_margin"
                android:textSize="@dimen/tvarticleheading_textsize"/>
    
            <View
                android:layout_width="match_parent"
                android:layout_height="0.1sp"
                android:background="@color/menu_color"
                android:layout_marginTop="@dimen/underline_margintop"
                android:layout_marginLeft="@dimen/underline_marginleft"
                android:layout_marginRight="@dimen/underline_marginright"/>
    
            <RelativeLayout
                android:id="@+id/rltext"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="@dimen/addto_offline_margin">
    
                <RelativeLayout
                    android:id="@+id/viewfullreport"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content">
    
                    <ImageView
                        android:id="@+id/ivOffline"
                        android:layout_width="@dimen/ivoffline_width"
                        android:layout_height="@dimen/ivoffline_height"
                        android:src="@drawable/offline"
                        android:layout_centerVertical="true"/>
    
                    <TextView
                        android:id="@+id/tvOffline"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:text="@string/tvOffline_text"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="@dimen/tvoffline_marginleft"
                        android:textColor="@color/menu_color"
                        android:layout_toRightOf="@+id/ivOffline" />
    
                </RelativeLayout>
    
                <RelativeLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_alignParentRight="true">
    
                    <ImageView
                        android:id="@+id/ivIconDoc"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:src="@drawable/icondoc"
                        android:layout_centerVertical="true" />
    
                    <TextView
                        android:id="@+id/tvArticleAuthor"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_toRightOf="@+id/ivIconDoc"
                        android:layout_centerVertical="true"
                        android:layout_marginLeft="@dimen/tvarticle_marginleft"
                        android:layout_marginRight="@dimen/tvarticle_marginright"
                        android:textColor="@color/menu_color"/>
    
                </RelativeLayout>
    
            </RelativeLayout>
    
            <TextView
                android:id="@+id/tvArticleBrief"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginTop="@dimen/tvarticlebrief_margintop"
                android:textAlignment="center"
                android:layout_margin="@dimen/tvarticlebrief_margin"
                android:lineSpacingExtra="@dimen/tvarticlebrief_linespacing"/>
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@string/tvCategory_text"
                android:textColor="@color/menu_color"
                android:layout_marginTop="@dimen/article_category_margintop"
                android:layout_marginLeft="@dimen/category_marginleft"
                android:layout_marginRight="@dimen/category_marginright"/>
    
                <LinearLayout
                    android:id="@+id/llcategory"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="horizontal"
                    android:layout_marginLeft="@dimen/llcategory_marginleft">
    
                    <TextView
                        android:id="@+id/tvCategory"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content" />
    
                    <TextView
                        android:id="@+id/tvDownloadInfo"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginLeft="@dimen/tvDownloadInfo_marginleft"/>
    
                </LinearLayout>
    
    <LinearLayout
        android:id="@+id/llOfflineStatus"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:visibility="gone">
    
        <LinearLayout
            android:id="@+id/llDownloadstatus"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:background="@color/downloadStatus_color"
            android:layout_marginTop="@dimen/llDownloadstatus_margintop">
    
            <RelativeLayout
                android:id="@+id/rlDownloadstatus"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/title"
                android:layout_marginLeft="@dimen/rlDownloadstatus_marginleft"
                android:layout_marginRight="@dimen/rlDownloadstatus_marginright"
                android:layout_marginTop="@dimen/rlDownloadstatus_margintop"
                android:layout_marginBottom="@dimen/rlDownloadstatus_marginbottom">
    
                <TextView
                    android:id="@+id/tvDownloadStatus"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_centerHorizontal="true"
                    android:layout_centerVertical="true"
                    android:gravity="center_horizontal"
                    android:textStyle="bold"
                    android:layout_margin="@dimen/tvDownloadstatus_margin"/>
    
            </RelativeLayout>
    
            <Button
                android:id="@+id/btnRequest"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="@drawable/btn_blue"
                android:layout_marginLeft="@dimen/btnRequest_marginleft"
                android:layout_marginRight="@dimen/btnRequest_marginright"
                android:layout_marginBottom="@dimen/btnRequest_bottom"
                android:text="@string/btnrequest_text"
                android:textColor="@color/white"
                android:textStyle="bold"
                android:textSize="@dimen/btnRequest_textsize"
                android:textAllCaps="false" />
    
        </LinearLayout>
    </LinearLayout>
    
      </LinearLayout>
    
    </ScrollView>
    
    </LinearLayout>
    

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: