Наклоненный TextView

Метод 1:
Создайте HAR-пакет с помощью библиотеки и добавьте его в папку libs.
Добавьте следующий код в gradle файл entry:
implementation fileTree(dir: 'libs', include: ['*.jar', '*.har'])

Метод 2:
allprojects {
    repositories {
        mavenCentral()
    }
}
implementation 'io.openharmony.tpc.thirdlib:SlantedTextView:1.0.0'

<?xml version="1.0" encoding="utf-8"?>
<DependentLayout
    xmlns:ohos="http://schemas.huawei.com/res/ohos"
    xmlns:app="http://schemas.huawei.com/hap/res-auto"
    ohos:height="match_parent"
    ohos:width="match_parent">

    <DependentLayout
        ohos:id="$+id:dl_left_1"
        ohos:top_margin="20vp"
        ohos:left_margin="100vp"
        ohos:height="88vp"
        ohos:width="140vp">

        <Image
            ohos:id="$+id:left_img"
            ohos:height="88vp"
            ohos:width="140vp"
            ohos:image_src="$media:test.jpg"
            ohos:scale_mode="stretch">
        </Image>

        <com.haozhang.lib.SlantedTextView
            ohos:id="$+id:left_text"
            ohos:height="48vp"
            ohos:width="48vp"
            ohos:align_parent_start="true"
            ohos:align_parent_top="true"
            app:slantedBackgroundColor="#607D8B"
            app:slantedLength="28vp"
            app:slantedMode="left"
            app:slantedText="ohos"
            app:slantedTextColor="#CFD8DC"
            app:slantedTextSize="10vp"
            />
    </DependentLayout>

    <DependentLayout
        ohos:top_margin="20vp"
        ohos:left_margin="100vp"
        ohos:id="$+id:dl_left_2"
        ohos:below="$+id:dl_left_1"
        ohos:height="88vp"
        ohos:width="140vp">
``````xml
<Image
    ohos:id="$+id:right_img"
    ohos:height="88vp"
    ohos:width="140vp"
    ohos:image_src="$media:test.jpg"
    ohos:scale_mode="stretch">
</Image>

<DependentLayout>
    <com.haozhang.lib.SlantedTextView
        ohos:height="48vp"
        ohos:width="48vp"
        app:slantedBackgroundColor="#ffff00"
        app:slantedLength="28vp"
        app:slantedMode="left_triangle"
        app:slantedText="IOS"
        app:slantedTextColor="#607D8B"
        app:slantedTextSize="10vp"
        />
</DependentLayout>

<DependentLayout
    ohos:top_margin="20vp"
    ohos:left_margin="100vp"
    ohos:id="$+id:dl_left_2"
    ohos:below="$+id:dl_left_1"
    ohos:height="88vp"
    ohos:width="140vp">

    <Image
        ohos:id="$+id:imageView"
        ohos:height="88vp"
        ohos:width="140vp"
        ohos:image_src="$media:test.jpg"
        ohos:scale_mode="stretch">
    </Image>

    <com.haozhang.lib.SlantedTextView
        ohos:height="48vp"
        ohos:width="48vp"
        ohos:align_parent_bottom="true"
        ohos:align_parent_start="true"
        app:slantedBackgroundColor="#4caf50"
        app:slantedLength="28vp"
        app:slantedMode="left_bottom"
        app:slantedText="PHP"
        app:slantedTextSize="10vp"
        />
</DependentLayout>

<DependentLayout
    ohos:top_margin="20vp"
    ohos:left_margin="100vp"
    ohos:id="$+id:dl_left_3"
    ohos:below="$+id:dl_left_2"
    ohos:height="88vp"
    ohos:width="140vp">

    <Image
        ohos:height="88vp"
        ohos:width="140vp"
        ohos:image_src="$media:test.jpg"
        ohos:scale_mode="stretch">
    </Image>

    <com.haozhang.lib.SlantedTextView
        ohos:height="48vp"
        ohos:width="48vp"
        ohos:align_parent_bottom="true"
        ohos:align_parent_start="true"
        app:slantedBackgroundColor="#C2185B"
        app:slantedLength="28vp"
        app:slantedMode="left_bottom_triangle"
        app:slantedText="WEB"
        app:slantedTextSize="10vp"
        />
</DependentLayout>

<DependentLayout
    ohos:top_margin="20vp"
    ohos:right_margin="100vp"
    ohos:id="$+id:dl_right_1"
    ohos:align_parent_right="true"
    ohos:height="88vp"
    ohos:width="140vp">
``````markdown
<Image
    ohos:height="88vp"
    ohos:width="140vp"
    ohos:image_src="$media:test.jpg"
    ohos:scale_mode="stretch">
</Image>

<com.haozhang.lib.SlantedTextView
    ohos:height="48vp"
    ohos:width="48vp"
    ohos:align_parent_right="true"
    app:slantedBackgroundColor="#727272"
    app:slantedLength="28vp"
    app:slantedMode="правый угол"
    app:slantedText="C++"
    app:slantedTextSize="10vp"
/>

<DependentLayout
    ohos:top_margin="20vp"
    ohos:right_margin="100vp"
    ohos:id="$+id:dl_right_2"
    ohos:below="$+id:dl_right_1"
    ohos:align_parent_right="true"
    ohos:height="88vp"
    ohos:width="140vp">

    <Image
        ohos:height="88vp"
        ohos:width="140vp"
        ohos:image_src="$media:test.jpg"
        ohos:scale_mode="stretch">
    </Image>

    <com.haozhang.lib.SlantedTextView
        ohos:height="48vp"
        ohos:width="48vp"
        ohos:align_parent_right="true"
        app:slantedBackgroundColor="#e91e63"
        app:slantedLength="28vp"
        app:slantedMode="правый треугольник"
        app:slantedText="C"
        app:slantedTextSize="10vp"
    />

</DependentLayout>

<DependentLayout
    ohos:top_margin="20vp"
    ohos:right_margin="100vp"
    ohos:id="$+id:dl_right_3"
    ohos:below="$+id:dl_right_2"
    ohos:align_parent_right="true"
    ohos:height="88vp"
    ohos:width="140vp">

    <Image
        ohos:height="88vp"
        ohos:width="140vp"
        ohos:image_src="$media:test.jpg"
        ohos:scale_mode="stretch">
    </Image>

    <com.haozhang.lib.SlantedTextView
        ohos:height="48vp"
        ohos:width="48vp"
        ohos:align_parent_right="true"
        ohos:align_parent_bottom="true"
        app:slantedBackgroundColor="#fbc02d"
        app:slantedLength="28vp"
        app:slantedMode="правый нижний угол"
        app:slantedText="JS"
        app:slantedTextSize="10vp"
    />

</DependentLayout>

<DependentLayout
    ohos:top_margin="20vp"
    ohos:right_margin="100vp"
    ohos:id="$+id:dl_right_4"
    ohos:below="$+id:dl_right_3"
    ohos:align_parent_right="true"
    ohos:height="88vp"
    ohos:width="140vp">

      <Image
          ohos:height="88vp"
          ohos:width="140vp"
          ohos:image_src="$media:test.jpg"
          ohos:scale_mode="stretch">
      </Image>

      <com.haozhang.lib.SlantedTextView
          ohos:height="48vp"
          ohos:width="48vp"
          ohos:align_parent_right="true"
          ohos:align_parent_bottom="true"
          app:slantedBackgroundColor="#ff5252"
          app:slantedLength="28vp"
          app:slantedMode="правый нижний треугольник"
          app:slantedText="SWIFT"
          app:slantedTextSize="10vp"
          />
  </DependentLayout>

Разрешено с условиями лицензии Apache, версия 2.0 ("Лицензия"); вы можете использовать этот файл только в соответствии с Лицензией. Вы можете получить копию Лицензии по адресу:

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

Если это требует применимое законодательство или если было достигнуто письменное соглашение, программное обеспечение, распространяемое в рамках Лицензии, предоставляется «как есть», без каких-либо условий или гарантий, явных или подразумеваемых. См. Лицензию для конкретного языка, регламентирующего права использования и ограничения, предусмотренные Лицензией.