HUAWEI Ads原生廣告模板

原生廣告模板

為了方便您可以快速實(shí)現(xiàn)原生廣告的展示，我們提供了一套原生廣告模板，可以集成到應(yīng)用中使用。

原生廣告模板提供了兩種尺寸，并且都會(huì)按比例縮放以適應(yīng)其父視圖的寬度，您也可以隨意改變模板的布局或樣式。

小視圖模板

展示形式如下圖所示：

布局XML文件內(nèi)容如下：

<com.huawei.hms.ads.nativead.NativeView xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/native_small_view"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:layout_centerInParent="true"

    android:layout_marginTop="10dp"

    android:background="#FFFFFF"

    android:orientation="vertical">

    <RelativeLayout

        android:id="@+id/background"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_alignParentTop="true"

        android:orientation="vertical">

        <!-- 廣告多媒體視圖 -->

        <com.huawei.hms.ads.nativead.MediaView

            android:id="@+id/ad_media"

            android:layout_width="75dp"

            android:layout_height="50dp"

            android:layout_marginStart="24dp"

            android:layout_marginTop="8dp"

            android:layout_marginBottom="8dp"

            android:background="#8BC34A" />

        <RelativeLayout

            android:id="@+id/center_view"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_marginStart="107dp"

            android:layout_marginTop="8dp"

            android:layout_marginEnd="48dp"

            android:layout_marginBottom="8dp"

            android:background="#FFFFFF">

            <!-- 廣告標(biāo)題 -->

            <TextView

                android:id="@+id/ad_title"

                android:layout_width="match_parent"

                android:layout_height="34dp"

                android:layout_marginBottom="16dp"

                android:alpha="1"

                android:textColor="#000000"

                android:textSize="@dimen/hiad_text_13_sp" />

            <!-- 廣告來(lái)源 -->

            <TextView

                android:id="@+id/ad_source"

                android:layout_width="wrap_content"

                android:layout_height="14dp"

                android:layout_marginTop="36dp"

                android:alpha="0.6"

                android:maxWidth="132dp"

                android:textColor="#666666"

                android:textSize="@dimen/hiad_text_9_sp" />

            <!-- 廣告標(biāo)識(shí) -->

            <TextView

                android:id="@+id/ad_flag"

                android:layout_width="16dp"

                android:layout_height="14dp"

                android:layout_marginStart="8dp"

                android:layout_marginTop="36dp"

                android:layout_toEndOf="@+id/ad_source"

                android:background="@drawable/native_flag_rounded_corners_shape"

                android:gravity="center"

                android:text="Ad"

                android:textColor="#FFFFFF"

                android:textSize="8sp"

                android:textStyle="bold" />

            <!-- 廣告點(diǎn)擊行為按鈕 -->

            <Button

                android:id="@+id/ad_call_to_action"

                android:layout_width="44dp"

                android:layout_height="@dimen/hiad_16_dp"

                android:layout_alignParentEnd="true"

                android:layout_marginTop="34dp"

                android:background="@drawable/native_button_rounded_corners_shape"

                android:textColor="#FFFFFF"

                android:textSize="6sp" />

        </RelativeLayout>

    </RelativeLayout>

</com.huawei.hms.ads.nativead.NativeView>

中等大小視圖模板

展示形式如下圖所示：

布局XML文件內(nèi)容如下：

<com.huawei.hms.ads.nativead.NativeView xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/native_video_view"

    android:layout_width="match_parent"

    android:layout_height="wrap_content"

    android:layout_centerInParent="true"

    android:background="#FFFFFF"

    android:orientation="vertical">

    <RelativeLayout

        android:id="@+id/background"

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

        <!-- 廣告多媒體視圖 -->

        <com.huawei.hms.ads.nativead.MediaView

            android:id="@+id/ad_media"

            android:layout_width="match_parent"

            android:layout_height="wrap_content" />

        <RelativeLayout

            android:id="@+id/left_bottom_view"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_below="@id/ad_media">

            <!-- 廣告標(biāo)題 -->

            <TextView

                android:id="@+id/ad_title"

                android:layout_width="180dp"

                android:layout_height="19dp"

                android:layout_marginStart="24dp"

                android:layout_marginTop="16dp"

                android:alpha="1"

                android:textColor="#000000"

                android:textSize="@dimen/hiad_text_13_sp" />

            <!-- 廣告來(lái)源 -->

            <TextView

                android:id="@+id/ad_source"

                android:layout_width="wrap_content"

                android:layout_height="19dp"

                android:layout_below="@id/ad_title"

                android:layout_marginStart="24dp"

                android:layout_marginTop="2dp"

                android:layout_marginBottom="16dp"

                android:alpha="0.6"

                android:maxWidth="158dp"

                android:textColor="#666666"

                android:textSize="@dimen/hiad_text_12_sp" />

            <!-- 廣告標(biāo)識(shí) -->

            <TextView

                android:id="@+id/ad_flag"

                android:layout_width="20dp"

                android:layout_height="14dp"

                android:layout_marginStart="8dp"

                android:layout_marginTop="40dp"

                android:layout_toEndOf="@+id/ad_source"

                android:background="@drawable/native_flag_rounded_corners_shape"

                android:gravity="center"

                android:text="Ad"

                android:textColor="#FFFFFF"

                android:textSize="8sp"

                android:textStyle="bold" />

        </RelativeLayout>

        <RelativeLayout

            android:id="@+id/right_bottom_view"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_below="@id/ad_media"

            android:layout_alignParentEnd="true">

            <!-- 廣告點(diǎn)擊行為按鈕 -->

            <Button

                android:id="@+id/ad_call_to_action"

                android:layout_width="72dp"

                android:layout_height="26dp"

                android:layout_alignParentEnd="true"

                android:layout_marginTop="23dp"

                android:layout_marginEnd="52dp"

                android:layout_marginBottom="23dp"

                android:background="@drawable/native_button_rounded_corners_shape"

                android:textColor="#FFFFFF"

                android:textSize="10sp" />

        </RelativeLayout>

    </RelativeLayout>

</com.huawei.hms.ads.nativead.NativeView>

其中drawable/native_flag_rounded_corners_shape.xml文件內(nèi)容如下：

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <solid android:color="#CCCCCC" />

    <padding

        android:bottom="1dp"

        android:left="1dp"

        android:right="1dp"

        android:top="1dp" />

    <corners

        android:bottomLeftRadius="2dp"

        android:bottomRightRadius="2dp"

        android:topLeftRadius="2dp"

        android:topRightRadius="2dp" />

</shape>

其中drawable/native_button_rounded_corners_shape.xml文件內(nèi)容如下：

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <solid android:color="#214EF3" />

    <padding

        android:bottom="1dp"

        android:left="1dp"

        android:right="1dp"

        android:top="1dp" />

    <corners

        android:bottomLeftRadius="20dp"

        android:bottomRightRadius="20dp"

        android:topLeftRadius="20dp"

        android:topRightRadius="20dp" />

</shape>