[代码]如何在选择画面中显示图片

下面通过一段代码介绍如何在选择画面中显示图片。

1, SMW0上载图片

Tcode:SMW0,选择Binary的选项

<img class="alignnone size-full wp-image-5025" src="//pic.ikafan.com/imgp/L3Byb3h5L2h0dHAvd3d3LmJhaWR1c2FwLmNvbS93cC1jb250ZW50L3VwbG9hZHMvMjAxNy0wNy0xMF8xNC0zNi0yOS5wbmc=.jpg" width="472" height="187" />

由于是测试,选择$TMP本地package,然后运行进入下一屏幕,

<img class="alignnone size-full wp-image-5026" src="//pic.ikafan.com/imgp/L3Byb3h5L2h0dHAvd3d3LmJhaWR1c2FwLmNvbS93cC1jb250ZW50L3VwbG9hZHMvMjAxNy0wNy0xMF8xNC0zOC01Ny5wbmc=.jpg" width="473" height="199" />

上载图片,命名为ZPIC,程序中会用来标识图片的。

<img class="alignnone size-full wp-image-5030" src="//pic.ikafan.com/imgp/L3Byb3h5L2h0dHAvd3d3LmJhaWR1c2FwLmNvbS93cC1jb250ZW50L3VwbG9hZHMvMjAxNy0wNy0xMF8xNC00OS0yNS0xLnBuZw==.jpg" width="1147" height="557" srcset="http://www.baidusap.com/wp-content/uploads/2017-07-10_14-49-25-1.png 1147w, http://www.baidusap.com/wp-content/uploads/2017-07-10_14-49-25-1-740x359.png 740w, http://www.baidusap.com/wp-content/uploads/2017-07-10_14-49-25-1-768x373.png 768w, http://www.baidusap.com/wp-content/uploads/2017-07-10_14-49-25-1-1024x497.png 1024w" sizes="(max-width: 1147px) 100vw, 1147px" />

2, 例子代码

REPORT ztest_pic_sel_screen.
TYPE-POOLS cndp.
*&---------------------------------------------------------------------*
*& Data Declaration.
*&---------------------------------------------------------------------*
DATA: go_docking    TYPE REF TO cl_gui_docking_container,
      go_htmlviewer TYPE REF TO cl_gui_html_viewer,
      go_picture    TYPE REF TO cl_gui_picture.

DATA g_url  TYPE cndp_url.
*&---------------------------------------------------------------------*
*& SELECTION SCREEN.
*&---------------------------------------------------------------------*
PARAMETERS: s_matnr TYPE mara-matnr.

*&---------------------------------------------------------------------*
*& AT SELECTION-SCREEN OUTPUT.
*&---------------------------------------------------------------------*
AT SELECTION-SCREEN OUTPUT.

  CALL FUNCTION ‘DP_PUBLISH_WWW_URL‘
    EXPORTING
      objid    =   ‘ZPIC‘
      lifetime = cndp_lifetime_transaction
    IMPORTING
      url      = g_url
    EXCEPTIONS
      OTHERS   = 1.

* Load the go_picture.
  IF sy-subrc = 0.
    PERFORM frm_build_htmlviewer.
    CALL METHOD go_picture->set_display_mode
      EXPORTING
        display_mode = cl_gui_picture=>display_mode_normal.
    CALL METHOD go_picture->load_picture_from_url_async
      EXPORTING
        url = g_url.
  ENDIF.
*&---------------------------------------------------------------------*
*&      Form  build_htmlviewer
*&---------------------------------------------------------------------*
FORM frm_build_htmlviewer .

  DATA: repid LIKE sy-repid.
  repid = sy-repid.

  IF go_docking IS INITIAL.

    CREATE OBJECT go_docking
      EXPORTING
        repid                       = repid
        dynnr                       = sy-dynnr
        side                        = cl_gui_docking_container=>dock_at_top
        extension                   = 80
      EXCEPTIONS
        cntl_error                  = 1
        cntl_system_error           = 2
        create_error                = 3
        lifetime_error              = 4
        lifetime_dynpro_dynpro_link = 5
        OTHERS                      = 6.

    IF go_htmlviewer IS INITIAL .
      CREATE OBJECT go_picture
        EXPORTING
          parent = go_docking.
    ENDIF .
  ENDIF .
ENDFORM.

3, 测试运行

<img class="alignnone size-full wp-image-5032" src="//pic.ikafan.com/imgp/L3Byb3h5L2h0dHAvd3d3LmJhaWR1c2FwLmNvbS93cC1jb250ZW50L3VwbG9hZHMvMjAxNy0wNy0xMV8xMC00Ny0xMi5wbmc=.jpg" width="536" height="313" />

以上。

原文地址:https://www.cnblogs.com/datie/p/11433812.html

时间: 2024-10-07 11:32:04

[代码]如何在选择画面中显示图片的相关文章

[代码]如何在选择画面中显示图标(ICON)

只要将ICON的名字或ID传送到SELECTION-SCREEN COMMENT中,就可以在选择画面中显示ICON图标. ICON的ID和名字可以在type pool ICON中得到: <img class="alignnone size-full wp-image-4979" src="http://www.baidusap.com/wp-content/uploads/2017-07-10_10-41-54.png" width="768

代码写个九宫格布局显示图片

不在xml中设置布局,在代码中直接写个布局,显示下载的图片,如下图所示,图片有点丑 XML中添加个linearLayout <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" an

highcharts 代码都对,但是不显示图片

$('#container').highcharts({ chart: { zoomType: 'xy' }, title: { text: 'Average Monthly Temperature and Rainfall in Tokyo' }, subtitle: { text: 'Source: WorldClimate.com' }, xAxis: [{ categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug

在选择画面中收起/展开字段

下面ABAP代码实现在选择画面中收起/展开部分字段的功能,供参考. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 REPORT ztest_selection_screen_expand. TYPE-POOLS icon. TABLES mara. SELECTION-SCREEN

将图片转换为Framebuffer格式(终端显示图片)

要在ubuntu终端显示图片或者在板子的LCD显示图片,Framebuffer是一个简单易用的接口,直接写入像素信息即可. 但普通的图片带有头部信息或者编码格式不同,直接送入Framebuffer是显示不出来的,需要扣出像素信息,并按照Framebuffer的RGBA顺序调整好,才能显示.所以现在的问题就是,如何获取framebuffer的信息,以及如何调整图片. 第一个问题,如何获取framebuffer的信息 对于ubuntu,可以安装fbset 进行查看 sudo apt-get inst

点击跳转到系统图库,然后将选择回来的图片显示到应用上

有时候需要跳转到系统图库选图,那么用以下代码实现 /**点击跳转到系统图库,然后将选择回来的图片显示到应用上*/ public class MainActivity extends Activity { private ImageView iv; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.act

应用键横竖屏切换;label中显示图片;不同类型设备适配的代码;UIWebView字体大小、字体颜色、背景色的设置;

最近总结的工作中遇到的小问题在这里共享 ,希望对大家能有帮助 1.横屏的一个应用在修改个人资料过程从相册取图片或者拍照的过程中,横纵屏切换引起再次进入程序时应用变纵屏的bug --------------主页面控制器中点击进入个人资料页面的地方:---------------------- - (void)changepersonIcon{ UIActionSheet*actionSheet = [[UIActionSheetalloc] initWithTitle:@"选择封面图片"

Android_5_学习《第一行代码》的使用摄像头和相册无法显示图片问题解决

解决方法参照网上教程: 学习<第一行代码>的使用摄像头和相册无法显示图片总结 在<第一行代码>的8.3小节调用摄像头和相册时,发现书上把代码敲完后,可以调用摄像头拍照, 勾选确认后回到APP页面时,并没有显示图片,选择相册图片也是一样,可以打开相册, 选中相片返回后也是无法在APP上显示,解决过程如下: 书上原代码:(粘贴自网上) 只说显示的问题吧,注意到进入显示有: 这么一个限定条件,而RESULT_OK = -1 ,那么requestCode是多少呢?前面是switch(req

代码: 两列图片瀑布流(一次后台取数据,图片懒加载。下拉后分批显示图片。图片高度未知,当图片onload后才显示容器)

代码: 两列图片瀑布流(一次后台取数据,无ajax,图片懒加载.下拉后分批显示图片.图片高度未知,当图片onload后才显示容器) [思路]: 图片瀑布流,网上代码有多种实现方式,也有各类插件.没找到合意的,所以根据网上找的一段代码,进行了较大改动. 需引用 zepto 或 jquery. 我这个是应用于手机上的,两列瀑布流,图片高度未知——等图片的onloaded事件触发后,才对容器进行计算和定位. 大容器是 $("#imgList"),容器格子是$(".pin"